/*
Theme Name: WillPort
Text Domain: twentytwenty
Version: 1.1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/


.default-list-style {
    padding-left: 20px;
    margin-top: 30px;
}

.default-list-style li {
    margin-bottom: 20px;
}

.default-list-style li p {
    margin: 0;
}

.mc4wp-alert {
    margin-top: 25px;
}

.mc4wp-success p {
    color: #094;
}

.mc4wp-error p {
    color: red;
}

#popup .popup-none {
    display: none;
}
.up_head{
	margin-bottom: 5px;
}
.section-title h2 {
    text-transform: initial !important;
}

h6.card-title {
    color: #009944;
    letter-spacing: 0.65px;
    font-size: 16px;
}

.list_content ul {
    font-size: 12px;
    letter-spacing: 0.45px;
    color: #1E1E22;
    padding: 0px 0px 0px 17px !important;
    line-height: 24px;
}

.btn.btn-primary {
    background: #009944;
    border: none;
    width: 140px;
    font-size: 12px;
    line-height: 24px;
}

.card.text-center.box-shadow {
    box-shadow: 0px 5px 20px #4848480D;
    border-radius: 20px;
}

.well {
    display: flex;
    align-items: center;
}

p.text-over-image {
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.63px;
    color: #FFFFFF;
    font-weight: bold;
}

#footer {
    padding: 30px 0;
    background: transparent linear-gradient(90deg, #5ACC67 0%, #1CB66D 52%, #529F39 100%) 0% 0% no-repeat padding-box !important;
}

img.footer-logo {
    width: 170px;
    margin-bottom: 30px;
    margin-top: 20px;
}

.footer-center a {
    color: #fff !important;
    padding: 0px 11px !important;
    font-size: 14px !important;
}

.footer-left p {
    font-size: 14px !important;
}

#subfooter p.text-over-image.text,
#subfooter p.text-over-image a {
    font-size: 26px;
    padding-top: 22px;
    font-weight: bold;
    letter-spacing: 1.05px;
    color: #FFFFFF;
}

a.position-absolute.p-3 {
    bottom: 40px;
    right: 30px;
    background: #009944;
    border-radius: 40px;
    font-size: 12px;
    width: 140px;
    line-height: 9px;
    color: #fff;
}

a.position-absolute.p-3.yelow {
    background: #EEB32A;
}

#footer ul.d-inline {
    padding: 0px;
}

.footer-center {
    text-align: center;
}

.text-white.rounded.mx-auto.d-block.col-12.m-0.p-0 {
    background: url("assets/images/sub-footer.png");
    height: 250px;
    background-size: cover;
}

@media only screen and (max-width: 991px) {
    img.footer-logo {
        display: block;
        text-align: center;
        margin: 12px auto;
    }
}

@media only screen and (max-width: 786px) {
    .top-playstore-icon {
        display: block;
        text-align: center;
        margin: 0px auto;
    }
	
}
@media only screen and (max-width: 768px) {
	body .default {
		top: 0px !important;
	}
}


/* Voucher Page */

.page-title {
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.8px;
    color: #1E1E22;
    font-weight: bold;
}
h6.sub-header-inner-page {
    text-align: left;
    letter-spacing: 0.65px;
    color: #009944;
    font-size: 18px;
    font-weight: 800;
}

#voucher-page p, #voucher-page-signup p, #aboutus-page p {
    font-size: 14px;
    line-height: normal;
    color: #1E1E22;
    letter-spacing: 0.45px;
	margin-bottom: 30px;
}

.form-control, input, select, textarea {
    border: 1px solid #009944 !important;
    border-radius: 10px !important;
    line-height: 32px !important;
    font-size: 0.8rem !important;
}
select.form-control:not([size]):not([multiple]) {
    height: calc(2.85rem + 2px) !important;
}

.wpcf7 form.spam .wpcf7-response-output {
    background: red;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    width: 350px;
    margin: 0px auto;
}

.wpcf7 form.sent .wpcf7-response-output {
	background: #009944;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    width: 350px;
    margin: 0px auto;
    border: none;
}

.btn.btn-primary:hover {
    background: #018e40;
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 165 56 / 25%) !important;
}

#voucher-page-signup p.disclaimer-text {
    font-size: 10px;
    line-height: 19px;
}

.header_fixed {
	display:contents;
}

.header-wrapper {
	
}

/* Tab Slider */
.tile
{
  width:100%;
  margin:60px auto;
}
#tile-1 .tab-pane
{
  padding:15px;
}
#tile-1 .nav-tabs
{
  position:relative;
  border:none!important;
  background-color:transparent ;
/*   box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2); */
  border-radius:6px;
}
#tile-1 .nav-tabs li
{
  margin:0px!important;
}
#tile-1 .nav-tabs li a
{
	position:relative;
	margin-right:0px!important;
	/* padding: 20px 40px!important; */
	font-size:14px;
	border:none!important;
	color:#333;
	background: #F6F6F6;
	border-radius: 5px;
}
#tile-1 .nav-tabs a:hover
{
  /*background-color:transparent !important; */
  border:none;
}
#tile-1 .slider
{
  display:inline-block;
  width:30px;
  height:42px;
  border-radius:5px;
  background-color:#009944;
  position:absolute;
  z-index:-1;
  bottom:0;
  transition:all .2s linear;
  
}
#tile-1 .nav-tabs .active
{
  background-color:transparent!important;
  border:none!important;
  color:#fff !important;
}


@media only screen and (max-width: 575px) {
	#tile-1 .slider {
		display: none;
	}

	#tile-1 .nav-tabs .active {
		background: green !important;
	}
	#voucher .w-75 {
        width: 90% !important;
    }
}
/* Tab Slider End */


h2.contactusheading , .couldnotfindwhatyouarelookin {
    color: #1E1E22 !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}
.seefaq a {
    color: #009944;
    font-size: 24px;
    font-weight: 900;
    text-decoration: underline;
    margin-top: 20px;
    display: block;
}

p.sendusamessage.mt-5.pt-5 {
    color: #009944;
    font-size: 16px;
    font-weight: normal;
}

.boxshadowcontact {
    box-shadow: 0px 5px 20px #4848480D;
    border-radius: 20px;
}
video {
	width: 100%; 
	height: auto;
}



@media only screen and (max-width : 480px) {
    #recaptcha_challenge_image{
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    }
    #recaptcha_response_field
    {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    }
    .recaptchatable #recaptcha_image {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    }
    .recaptchatable .recaptcha_r1_c1, 
    .recaptchatable .recaptcha_r3_c1, 
    .recaptchatable .recaptcha_r3_c2, 
    .recaptchatable .recaptcha_r7_c1, 
    .recaptchatable .recaptcha_r8_c1, 
    .recaptchatable .recaptcha_r3_c3, 
    .recaptchatable .recaptcha_r2_c1, 
    .recaptchatable .recaptcha_r4_c1, 
    .recaptchatable .recaptcha_r4_c2, 
    .recaptchatable .recaptcha_r4_c4, 
    .recaptchatable .recaptcha_image_cell {

    margin: 0 !important;
    width: 100% !important;
    background: none !important;
    height: auto !important;
    }

}

/* About us Page */

.page-green-title{
	font-size: 16px;
	letter-spacing: 0px;
	color: #009944;
	text-transform: uppercase;
}

#aboutus-page h1.sub-header-inner-page {
    font-size: 22px;
	letter-spacing: 0.8px;
	color: #1E1E22;
}





/* Slick Slider Carosul */

#team-carousel .slick-initialized .slick-slide {
    padding: 15px;
}

#team-carousel .slider-nav img {
  max-width: 100%;
}
#team-carousel .slider-for img {
  width: 100%;
}
#team-carousel .slider-nav slick-slide:hover {
  cursor: pointer;
}
#team-carousel .slick-prev,
#team-carousel .slick-next {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  background-color: transparent;
  border: none;
  padding: 0;
  font-size: 0;
}
#team-carousel .slick-prev:before,
#team-carousel .slick-next:before {
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  height: 30px;
  opacity: 1;
  width: 30px;
}
#team-carousel .slick-prev:hover:before,
#team-carousel .slick-next:hover:before {
  opacity: 0.8;
}
#team-carousel .slick-prev {
  left: -30px;
}
#team-carousel .slick-prev:before {
	background-image: url("assets/images/arrow-left-line@2x.png");
	transform: rotate(-180deg);
	border: 1px solid #009944;
    border-radius: 50%;
	
}
#team-carousel .slick-next {
  right: -30px;
}
#team-carousel .slick-next:before {
  background-image: url("assets/images/arrow-left-line@2x.png");
	border: 1px solid #009944;
    border-radius: 50%;
}

#team-carousel button:focus {
	outline:none;
}

#team-carousel .modal-content {
  background-color: rgba(0, 0, 0, 0);
  border: 0 none;
  border-radius: 0;
  margin-left: 1px;
}
#team-carousel .modal-content .modal-body {
  padding: 0;
}
#team-carousel .modal-content .modal-body iframe {
  margin-bottom: -5px;
}
#team-carousel .modal-content .modal-header {
  border: 0 none;
  height: 0;
  min-height: 0;
  padding: 0;
}
#team-carousel .modal-content .modal-header .close {
	background-color: #FE457142!important;
	border-radius: 50%;
	color: #e5214f;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 26px;
	font-weight: 100;
	opacity: 1;
	padding-bottom: 0;
	position: absolute;
	right: 32px;
	top: 63px;
	z-index: 1;
	width: 10px;
	height: 34px;
} 

#team-carousel .modal-content .modal-header .close span {
    position: relative;
    top: -12px;
    right: 7px;
}


.member_name {
    letter-spacing: 0.8px;
    color: #009944;
    font-size: 20px;
    font-weight: bolder;
    padding-top: 20px;
    line-height: 39px;
}

.member_designation {letter-spacing: 0.45px;color: #1E1E22;font-size: 11px;line-height: 18px;}

.member_linkdenicon img {
    width: 28px;
    margin-top: 9px;
}

.member_image img {
    width: 80%;
    border-radius: 15px;
}


.slick-slide {
    background: transparent url('images/neonbrand-JW6r_0CPYec-unsplash.svg') 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 20px #4848480D;
    border-radius: 20px;
    opacity: 1;
    margin: 20px;
}
/* End Here */


.other-collaborators {
    letter-spacing: 0.63px;
    color: #1E1E22;
    font-size: 18px;
    font-weight: bold;
}

body .stlye-normal {
    margin-top: 10px;
    margin-bottom: 6px;
    font-size: 16px;
    color: #1E1E22;
    font-weight: bold;
}

body .stlye-normal-2 {
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 5px;
}

body #devOne ul li {
    margin-bottom: 34px;
}

body .about-right #accordion .card-body {
    font-size: 15px;
    font-weight: 300;
    /* background: #F6F6F6; */
    border-radius: 20px;
}

body .accordian-style .card {
    border-color: #F6F6F6 !important;
    background-color: transparent;
    border-radius: 20px!important;
}



h5.stlye-normal-popup {
    text-align: left;
    letter-spacing: 0.8px;
    color: #009944;
    font-size: 18px;
    font-weight: bold;
    line-height: inherit;
    margin-top: 10px;
    margin-bottom: 0px;
}

h6.stlye-normal-2-popup {
    text-align: left;
    letter-spacing: 0.4px;
    color: #1E1E22;
    font-size: 14px;
    font-weight: normal;
    line-height: inherit;
    margin-top: -4px;
    margin-bottom: 0px;
}

p.popup-paragraph {
    text-align: left;
    letter-spacing: 0.4px;
    color: #1E1E22;
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 0px;
}


div#myModal {
    width: 500px;
    height: max-content;
    margin: 0px auto;
}

@media only screen and (max-width : 550px) {
	#team-carousel .modal-content {
		margin-left: -3px;
	}
	
	div#myModal {
		width: 100%;
	}
	.member_linkdenicon-popup img {
		width: 34px !important;
		margin-top: 10px;
		margin-bottom: 33px;
		position: relative;
		top: 8px;
	}
	
	.slick-slide {
		margin: 30px;
	}
	#team-carousel .slick-prev {
		left: 0;
	}
	#team-carousel .slick-next {
		right: 0;
	}
	
}

.member_linkdenicon-popup img {width: 34px !important;margin-top: 10px;margin-bottom: 33px;position: relative;top: 8px;}



.modal-backdrop.show {
    opacity: 1 !important;
    background: url('assets/images/modal-backdrop.png');
    background-size: cover;
}

.accordion-img img {
    width: 328px;
    text-align: center;
    margin: 0px auto;
}