a[href^="tel:"] { color: inherit; text-decoration: none } ::selection { background: #1da7d9 !important; color: #fff } ::-moz-selection { background: #1da7d9 !important; color: #fff } ul li { list-style: none } ul li a { text-decoration: none } a { color: #d9e613; text-decoration: underline; outline: 0 } a:hover { color: #fff; text-decoration: none; outline: 0 } body { background: white border: 0; font-size: 16px; font-family: Tahoma, Arial, sans-serif; color: black; line-height: 26px; min-width: 320px; -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */ } body p { text-align: justify } .pageimg { width: 250px; height: auto } .contact-info { margin-bottom: 10px; float: none } .contact-info ul { float: right; margin-bottom: 10px } .contact-info ul li { display: inline-block; /*padding-left: 10px;*/ font-weight: 800 } .pad50 { padding: 5px; line-height: 40px } .fnt17 { font-size: 17px; color: #fbd06c } @media only screen and (max-width:480px) { .pageimg { width: 300px; height: auto } .navbar_ { margin-top: 10px; padding: 0; position: relative; z-index: 30 } .contact-info { margin-bottom: -35px; float: none } .contact-info ul { float: none; margin-bottom: -35px } .contact-info ul li { display: block; padding-left: 0; line-height: 30px } } header { position: relative; z-index: 10; border-bottom: 1px solid #cecece; background: black; } .top1 { float: left } .logo { display: inline-block; padding: 10px 0 16px 5px } .top2 { float: right } .slider_inner2 { position: relative; padding-bottom: 80px; width: 100% } .caroufredsel_wrapper { width: 100% !important } #carousel1 { margin: 0; padding: 0; list-style: none; display: block } #carousel1 li { color: #999; text-align: center; padding: 0; margin: 0; display: block; float: left } #carousel1 .txt1 { font-family: 'Stardos Stencil'; color: #fff; font-size: 50px; line-height: 150px; text-transform: uppercase; padding-top: 50px } #carousel1 .txt2 { font-family: 'Stardos Stencil'; color: #fff; font-size: 40px; line-height: 40px } #carousel1 .txt3 { font-family: 'Droid Serif'; color: #fff; font-size: 18px; line-height: 26px; font-style: italic; padding: 20px 50px 30px 50px } #content { padding-top: 0; padding-bottom: 4px } footer { position: relative; z-index: 1; background: #000000; margin-top: 1px; color: white; } .bot1 { float: left; margin: 5px 0 } .bot2 { float: right; margin: 20px 0 } .bot2 .txt1 { float: left; padding-right: 25px; padding-top: 0; line-height: 32px; color: #fff; font-style: italic } .social_wrapper { float: left } .social { display: inline-block; margin: 0 0; padding-top: 0; list-style: none; white-space: nowrap } .social li { display: inline-block; margin: 0 2px; float: left } @media screen and (min-width:320px) and (max-width:480px) { .copyright { padding-bottom: 56px !important } } .copyright { color: #fff; padding-bottom: 0; text-align: center } .copyright a { color: #f31313; text-decoration: underline } .copyright a:hover { color: #fff; text-decoration: none } .navbar_ { margin-top: 35px; margin-bottom: 0; padding: 0; position: relative; z-index: 30 } .navbar_ .navbar-inner_ { padding: 0; margin: 0; border: none; min-height: inherit; background: 0 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; filter: none } .navbar_ .btn-navbar { background: #4ac7f4; border: none; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 20px; margin-bottom: 15px } .navbar_ .btn-navbar:hover { background: #0b9acf } .navbar_ .btn-navbar .icon-bar { background-image: none } .nav-collapse_.collapse { position: relative; display: block; text-align: left } .navbar_ .nav { position: relative; float: none; margin: 0; padding: 0; display: block; left: auto } .navbar_ .nav>li { position: relative; display: block; float: left; margin-left: 25px; white-space: nowrap; text-align: center } .navbar_ .nav>li:first-child { margin-left: 0 } .navbar_ .nav>li>a { position: relative; display: block; text-decoration: none; background: 0 0; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 45px; color: #fff; padding: 0 0; border: none; margin: 0; transition: color .3s ease-out; -moz-transition: color .3s ease-out; -webkit-transition: color .3s ease-out; -o-transition: color .3s ease-out } .navbar_ .nav>li>a em { display: inline-block; width: 5px; height: 7px; position: relative; margin-left: 10px } .navbar_ .nav>li.active>a, .navbar_ .nav>li.active>a:focus, .navbar_ .nav>li.active>a:hover, .navbar_ .nav>li.sfHover>a, .navbar_ .nav>li.sfHover>a:hover, .navbar_ .nav>li>a:focus, .navbar_ .nav>li>a:hover { color: #f31313; text-decoration: none; background: 0 0; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none } .sub-menu ul { position: absolute; display: none; left: 0; top: 42px; list-style: none; zoom: 1; z-index: 109; margin: 0; padding: 8px; background: #fff; text-align: left; border: 1px solid #c9c9c9; border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px } .sub-menu li { margin: 0; position: relative; zoom: 1; display: block } .sub-menu li a { display: block; position: relative; font-family: Acme; font-weight: 400; font-size: 14px; line-height: 20px; color: #6b6b6b; text-decoration: none; padding: 6px 55px 6px 10px; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out } .sub-menu li a:hover { text-decoration: none; color: #16a2d6; background: 0 0 } .sub-menu li a em { display: inline-block; width: 13px; height: 7px; position: absolute; right: 8px; top: 50%; margin-top: -4px } .sub-menu li a:hover em { background-position: bottom } .sub-menu-2>ul { left: 100%; top: -8px; margin-left: 15px } .menu_bot { display: inline-block; position: relative; z-index: 10; text-align: left; white-space: nowrap; padding-top: 0; width: 100% } #menu_bot { list-style: none; display: inline-block; white-space: nowrap; padding: 0; margin: 0; width: 100% } #menu_bot>li { list-style: none; display: inline-block; height: 32px; line-height: 32px; margin-left: 30px; position: relative; float: left; white-space: nowrap } #menu_bot>li:first-child { margin-left: 0 } #menu_bot>li>a { display: block; height: 100%; text-decoration: none; position: relative; font-family: Charm, cursive; font-weight: 400; font-size: 18px; color: #fff; text-align: center } #menu_bot>li.active>a, #menu_bot>li>a:focus, #menu_bot>li>a:hover { color: #f31313; text-decoration: none } .search-form-wrapper { float: none } .navbar-form { float: right; position: relative; z-index: 11; margin: 20px 0 5px 0; padding: 0 } .navbar-form input { width: 190px; height: 20px; font-size: 14px; line-height: 20px; color: #888; background: #fff; border: none; border: 1px solid #e3e3e3; margin: 0; padding: 5px 50px 5px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: inset 0 3px 20px 3px #fff; -webkit-box-shadow: inset 0 3px 20px 3px #fff; box-shadow: inset 0 3px 20px 3px #fff; font-family: 'Droid Serif'; font-size: 12px; font-style: italic } .navbar-form input:focus { color: #000; border-color: #898989; -moz-box-shadow: inset none; -webkit-box-shadow: none; box-shadow: none } .navbar-form a { text-decoration: none; margin: 0; display: inline-block; width: 42px; height: 28px; position: absolute; right: 0; top: 3px } .navbar-form a:hover { background-position: right } #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; z-index: 1000; overflow: hidden; width: 50px; height: 50px; border: none; text-indent: 100% } #toTopHover { width: 50px; height: 50px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0 } #toTop:active, #toTop:focus { outline: 0 } h1 { font-weight: 400; font-size: 33px; color: #f31313; line-height: 35px; padding: 20px 0 20px 0; margin: 0; text-align: center; } h2 { font-weight: 500; font-size: 26px; color: #f31313; line-height: 35px; /*padding: 10px 0 4px 0;*/ margin: 0 } h3 { font-weight: 400; font-size: 30px; color: #f31313; line-height: 35px; padding: 5px 0 15px 0; margin: 0 } h4 { font-weight: 400; font-size: 28px; color: #f31313; line-height: 35px; padding: 20px 0 20px 0; margin: 0 } h5 { font-weight: 400; font-size: 18px; line-height: 24px; color: #f31313; padding: 5px 0 10px 0; margin: 0 } h6 { font-weight: 400; font-size: 18px; color: #f31313; line-height: 28px; padding: 0 0 10px 0; margin: 0 } .upper { text-transform: uppercase } .color1 { color: #1da7d9 } .line1 { height: 1px; background: #b9b2a2; margin: 5px 0 } .radius1 { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px } .pad_bot1 { padding-bottom: 20px } .banners { padding-top: 40px } .banners>.container { padding-bottom: 40px; border-bottom: 1px solid #e3e3e3 } .banner { padding-bottom: 0 } .button0 { display: inline-block; line-height: 15px; text-decoration: underline; margin-top: 10px; margin-bottom: 10px; font-size: 15px; font-family: Charm, cursive; font-style: italic; font-weight: 400; color: #e2df68; white-space: nowrap; letter-spacing: 0; padding-right: 20px } .button0:hover { color: #fff } .join { padding-bottom: 35px } .join>.container { padding-top: 20px; border-top: 1px solid #e3e3e3 } .join1 { padding: 35px 30px 30px 120px; font-family: 'Droid Serif'; font-weight: 700; font-style: italic; font-size: 24px; line-height: 30px; color: #fff } .join1-corner { height: 33px; margin-bottom: 15px } .join2 { margin-bottom: 15px } .button1 { display: inline-block; line-height: 20px; text-decoration: none; margin-top: 10px; margin-bottom: 10px; font-size: 15px; font-family: Charm, cursive; font-style: italic; font-weight: 400; color: #e2df68; white-space: nowrap; letter-spacing: 0; padding: 15px 45px 15px 25px } .button1:hover { color: #fff } .testimonial1 { margin-bottom: 20px } .google_map { position: relative; overflow: hidden; margin: 0 0 20px 0; padding: 0; background: #fff; border: none } .google_map iframe { position: relative; width: 100%; height: 500px; border: none } .hl1 { height: 1px; margin: 15px 0; background: #e3e3e3 } .img-polaroid { position: relative; padding: 5px; background: #e7e0d7; border: 1px solid #c4bdab; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none } .img-polaroid.w1 { padding: 10px } .thumbnail .caption { padding: 0; color: #fff; text-align: center } .thumb1 { margin-bottom: 20px } .thumb1.last { margin-bottom: 0 } .thumb1 .thumbnail { padding: 0; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none } .thumb1 figure { margin: 0; float: left; margin: 0 20px 20px 0; display: inline-block } .thumb1 figure img { width: auto } .thumb2 { margin-bottom: 20px } .thumb2.last { margin-bottom: 0 } .thumb2 .thumbnail { padding: 10px; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0 0 10px #040404 } .thumb2 figure { margin: 0; float: none; margin: 0 0 15px 0; padding: 0 } .thumb2 figure img { width: 100% } .thumb2 .caption .txt1 { font-size: 15px; line-height: 20px; color: #f6c66d; padding-bottom: 5px } .thumb2 .caption .txt2 { font-size: 14px; line-height: 20px; color: #fff } .thumb2 .thumbnail:hover { background: #6d4108 } .thumb2 .thumbnail:hover .caption .txt1 { color: #fff } .thumb2 .thumbnail:hover .caption .txt2 { color: #fff } .thumb3 { margin-bottom: 20px } .thumb3.last { margin-bottom: 0 } .thumb3 .thumbnail { padding: 0; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none } .thumb3 figure { margin: 0; float: left; margin: 0 20px 20px 0; display: inline-block } .thumb3 figure img { width: auto } .thumb4 { margin-bottom: 20px; box-shadow: 0 0 10px #000 } .thumb4.last { margin-bottom: 0 } .thumb4 .thumbnail { padding: 10px; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none } .thumb4 figure { margin: 0; float: none; margin: 0 0 15px 0; padding: 0 } .thumb4 figure img { width: 100% } .thumb5 { margin-bottom: 20px } .thumb5.last { margin-bottom: 0 } .thumb5 .thumbnail { padding: 0; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none } .thumb5 figure { /*margin: 0;*/ /*float: left;*/ /*margin: 0 20px 20px 0;*/ /*display: inline-block*/ margin: 0; float: left; /* margin: 0 20px 20px 0; */ display: inline-block; border: 5px double #fbd06c; margin-right: 15px; width: 40%; } .thumb5 figure img { width: 100%; height: auto; } .thumb6 { margin-bottom: 20px } .thumb6.last { margin-bottom: 0 } .thumb6 .thumbnail { padding: 0; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .thumb6 figure { margin: 0; float: left; margin: 0 20px 20px 0; display: inline-block } .thumb6 figure img { width: auto } .thumb7 { margin-bottom: 20px } .thumb7.last { margin-bottom: 0 } .thumb7 .thumbnail { padding: 0; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .thumb7 figure { margin: 0; float: none; margin: 0 0 15px 0; padding: 0 } .thumb7 figure img { width: 100% } .thumb-banner1 .thumbnail { padding: 0; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .thumb-banner1 figure { margin: 0; float: left; margin: 2px 15px 0 0 } .thumb-banner1 .caption .txt1 { font-weight: 400; color: #f31313; font-size: 20px; line-height: 30px; padding-bottom: 20px } .thumb-banner1 .caption .txt2 { color: #f31313; padding-bottom: 10px } .thumb-clock .thumbnail { padding: 0; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none } .thumb-clock figure { margin: 0; float: none; margin: 0 } .thumb-clock figure img { width: 100% } .thumb-isotope .thumbnail { padding: 10px; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; background: #f7f7f7 } .thumb-isotope figure { position: relative; margin: 0; float: none; margin: 0 0 20px 0; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out } .thumb-isotope .thumbnail a { position: relative; display: block } .thumb-isotope .thumbnail a:hover figure { background: #fff } .thumb-isotope .thumbnail a img { width: 100% } .thumb-isotope .thumbnail a em { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; opacity: 0; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out } .thumb-isotope .thumbnail a:hover em { opacity: 1 } .thumb-isotope .caption .txt1 { text-transform: uppercase; font-family: 'Droid Serif'; font-size: 15px; line-height: 20px; color: #13a0d4; padding-bottom: 5px } .thumb-isotope .caption .txt2 { padding-bottom: 10px; font-style: italic } .thumb-isotope .caption .txt3 { font-family: 'Droid Serif'; font-size: 14px; line-height: 20px; color: #9d9d9d; font-weight: 700 } .accordion { margin-bottom: 20px } .accordion-group { margin-bottom: 9px; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .accordion-heading { border-bottom: 0 } .accordion-heading .accordion-toggle { text-decoration: none; display: block; padding: 8px 12px 8px 30px; cursor: pointer; font-size: 14px; line-height: 22px; font-family: 'Open Sans', sans-sarif; font-weight: 400; color: #fff } .accordion-heading .accordion-toggle:hover { text-decoration: none; color: #000 } .accordion-inner { background: #770a64; border-top: none; padding: 10px 15px } ul li { text-decoration: none } .notification_error { color: red; padding-bottom: 10px } .notification_ok { text-align: left; padding-bottom: 10px } #fields { padding-bottom: 20px } #ajax-contact-form .control-group { margin-bottom: 10px } #ajax-contact-form .control-label { display: none } #ajax-contact-form .controls { margin-left: 0 } #ajax-contact-form input, #ajax-contact-form textarea { background: #fff; border: 1px solid #cecece; color: #777; padding-top: 10px; padding-bottom: 10px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -moz-box-shadow: inset 0 3px 20px 3px #f3f3f3; -webkit-box-shadow: inset 0 3px 20px 3px #f3f3f3; box-shadow: inset 0 3px 20px 3px #f3f3f3 } #ajax-contact-form input:focus, #ajax-contact-form textarea:focus { border-color: #aba8a8 } #ajax-contact-form textarea { height: 124px } #ajax-contact-form .control-group.capthca { margin-bottom: 0 } #ajax-contact-form .capthca input { width: 136px; float: left; margin-right: 20px; margin-bottom: 10px } #ajax-contact-form img { float: left; width: 130px; height: 42px; margin-bottom: 10px } #ajax-contact-form .submit { border: 0; margin: 0; display: inline-block; height: 50px; line-height: 50px; text-decoration: none; font-size: 15px; font-family: Charm, cursive; font-weight: 400; color: #0b9acf; text-transform: uppercase; white-space: nowrap; letter-spacing: 0; background: #eee; padding: 0 20px; border-radius: 0; -moz-border-radius: 0x; -webkit-border-radius: 0; transition: all .3s ease-out; -moz-transition: all .3s ease-out; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out } #ajax-contact-form .submit em { display: none } #ajax-contact-form .submit:hover { color: #fff; background: #29b0e0 } .page-404 { text-align: center } .page-404 .txt1 { font-family: Charm, cursive; font-weight: 700; font-size: 220px; color: #3a3a3a; line-height: 220px } .page-404 .txt2 { font-family: Charm, cursive; font-weight: 400; font-size: 70px; color: #3a3a3a; line-height: 70px } @media (max-width:979px) { .top1 { float: none; text-align: center } .top2 { float: none } .navbar-form { float: left } } @media (min-width:768px) and (max-width:979px) { .nav-collapse_.collapse { height: auto !important; overflow: visible !important } .navbar_ .btn-navbar { display: none } .navbar-form input { width: 660px } #carousel1 .txt1 { font-size: 120px; line-height: 120px } #carousel1 .txt2 { font-size: 30px; line-height: 30px } #carousel1 .txt3 { font-size: 14px; line-height: 22px } .thumb-banner1 .caption .txt1 { font-size: 16px } .nav-collapse_.collapse { text-align: center } .navbar_ .nav { display: inline-block } } @media (max-width:500px) { .container { /*width: 440px*/ margin: auto; max-width: 95%; } } @media (max-width:767px) { body { padding: 0 } .container { /*width: 440px*/ margin: auto; max-width: 95%; } .navbar-form input { width: 375px } .navbar_ .nav>li { float: none; margin-left: 0; background: 0 0; border-bottom: 1px solid #f2f2f2 } .sub-menu ul { position: relative; left: 0; top: 0; border: none; background: #eee; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 } .sub-menu li a:hover { text-decoration: none; color: #272727; background: #cde7f0 } .sub-menu-2>ul { background: #fff; border: 1px solid #c9c9c9; margin-left: 0 } #carousel1 .txt1 { font-size: 72px; line-height: 72px } #carousel1 .txt2 { font-size: 18px; line-height: 18px } #carousel1 .txt3 { font-size: 12px; line-height: 20px } .thumb-clock figure img { width: auto } .bot1 { float: none } .bot2 { float: none } #menu_bot>li { display: block; float: none; margin-left: 0 } } @media (min-width:481px) and (max-width:767px) { .google_map iframe { height: 440px } } @media (max-width:480px) { /*.container {*/ /* width: 300px*/ /*}*/ .navbar-form input { width: 233px } #carousel1 .txt1 { font-size: 50px; line-height: 50px } #carousel1 .txt2 { font-size: 18px; line-height: 18px; padding-top: 10px } #carousel1 .txt3 { font-size: 10px; line-height: 20px; padding-left: 10px; padding-right: 10px } .google_map iframe { height: 300px } .page-404 .txt1 { font-size: 150px; line-height: 150px } .page-404 .txt2 { font-size: 50px; line-height: 50px } } @media screen and (min-width:320px) and (max-width:480px) { footer .mob-whatsapp { display: block } } .mob-whatsapp { background-color: #fff; width: 100%; font-size: 26px; padding: 0; position: fixed; bottom: 0; display: none } .mob-whatsapp ul.mob-foot { list-style-type: none; margin-bottom: 0 !important; display: flex; justify-content: space-evenly; } .mob-whatsapp ul.mob-foot li { display: inline-block; filter: drop-shadow(0px 4px 2px black); } .mob-whatsapp ul.mob-foot li a { color: #000 !important } .mob-whatsapp ul.mob-foot li a img { width: 55px !important } .mob-whatsapp ul.mob-foot li a i { background-color: #5ba827; padding: 13px } .rate-table-container .rate-table-row .rate-table-col .rate-table { width: 100%; border: 1px solid red } .rate-table-container .rate-table-row .rate-table-col .rate-table tr { text-align: center; font-weight: 600 } .rate-table-container .rate-table-row .rate-table-col .rate-table .rate-table-tr-1 { background: #c700a6; height: 40px } .rate-table-container .rate-table-row .rate-table-col .rate-table .rate-table-tr-2 { background: #ffb0ee; color: #000 } .rate-table-container .rate-table-row .rate-table-col .rate-table .rate-table-tr-3 { background: #ffb0ee; color: #000 } .rate-table-container .rate-table-row .rate-table-col .rate-table .rate-table-tr-4 { background: #ffb0ee; color: #000 } .rate-table-container .rate-table-row .rate-table-col .rate-table .rate-table-tr-5 { background: #ffb0ee; color: #000 } .contact-info-span-12 .contact-info-span-3 { text-align: center } #content .container .escort-gallery-row .escort-gallery-span .inner-escort-div { /*padding: 7px;*/ border: 5px double #fbd06c; margin-bottom: 14px; /*border-radius: 0 65px 0 53px;*/ border-radius: 200px; } #content .container .escort-gallery-row .escort-gallery-span .inner-escort-div img { /*border-radius: 0 65px 0 53px;*/ border-radius: 200px; } .banner img { width: 100% } .margin-0 { margin: 0 0 0 !important } .text-center { text-align: center !important } h1 { font-size: 30px !important } h2 { font-size: 26px !important; margin: 10px 0; } h3 { font-size: 25px !important } h4 { font-size: 24px !important } footer ul li { margin: 0 0 10px 0px !important; } .sidebar ul li { margin: 0 0 10px 0 } .faq-container { /* max-width: 600px; margin: 0 auto; */ width: 80%; margin: auto; } .faq-question { font-weight: bold; cursor: pointer; /* margin-bottom: 10px; */ color: #fff; padding: 16px 10px; margin-top: 8px; background-color: #792585; text-align: initial; } .faq-answer { display: none; /* margin-bottom: 20px; */ color: #666; } .faq-answer.show { display: block; padding: 14px 10px 15px 10px; text-align: justify; font-size: 16px; } .faq-question::after { content: '+'; float: right; color: #fff; } .faq-question.active::after { content: '-'; } .faq-item { background-color: #e4f8ff; } .testimonial-section { /* max-width: 800px; */ margin: 17px auto; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 8px; overflow: hidden; } .testimonial { float: left; width: 33.33%; padding: 20px; text-align: center; box-sizing: border-box; border-bottom: 1px solid #ddd; } .testimonial img { border-radius: 50%; width: 80px; height: 80px; object-fit: cover; margin-bottom: 10px; } .testimonial p { color: #1e1e1e; text-align: center; } @media only screen and (max-width: 768px) { .testimonial { width: 100%; float: none; } .testimonial img { width: 60px; height: 60px; } } .image-container1:hover .overlay-button { background: #4a0f52; } .image-container1 { position: relative; display: inline-block; margin: 10px; /* Adjust as needed */ flex: 1 0 19%; overflow: hidden; } .profiles { display: flex; /* flex: 0; */ flex-wrap: wrap; justify-content: space-between; } .image-container1 img { width: 100%; height: auto; box-shadow: 0px 0px 10px #000; transition: transform 1s ease-in-out; } @media only screen and (max-width: 768px) { .image-container1, .profiles { display: block; } .overlay-button { background-color: #4a0f52; } } .overlay-button { position: absolute; top: 94%; left: 50%; transform: translate(-50%, -50%); padding: 10px 20px; background-color: #4a0f529c; color: #d9e613; border: none; border-radius: 5px; cursor: pointer; z-index: 1; width: 95%; font-weight: 600; font-size: 18px; } table { width: 100%; border-collapse: collapse; } th { background-color: #d9e613 !important; font-size: 18px; font-weight: 600; text-align: center; } th, td { border: 1px solid rgb(143, 143, 143); padding: 8px; } td { color: #fff; padding: 10PX 4PX; font-weight: 600; font-size: 16px; } th { background-color: #f2f2f2; } ol li::marker { color: red; } ol { padding-inline-start: 40px !important; }