/* Theme Name: playfora Theme URI: https://wordpress.org/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Theme Description Version: 1.0 Text Domain: playfora 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. */ /* 1. Header 2. Footer 3. Hero Section 4. Partner Section 5. Playfora Section 6. Testimonial Section 7. How work Section 8. Team Section 9. Partner Contact Section 10. Access Section 11. Popup FOrm 12. Responsive Media Query */ @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'); @font-face { font-family: 'Graphik'; src: url('./fonts/Graphik-Medium.eot'); src: url('./fonts/Graphik-Medium.eot?#iefix') format('embedded-opentype'), url('./fonts/Graphik-Medium.woff2') format('woff2'), url('./fonts/Graphik-Medium.woff') format('woff'), url('./fonts/Graphik-Medium.ttf') format('truetype'), url('./fonts/Graphik-Medium.svg#Graphik-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: url('./fonts/Graphik-Semibold.eot'); src: url('./fonts/Graphik-Semibold.eot?#iefix') format('embedded-opentype'), url('./fonts/Graphik-Semibold.woff2') format('woff2'), url('./fonts/Graphik-Semibold.woff') format('woff'), url('./fonts/Graphik-Semibold.ttf') format('truetype'), url('./fonts/Graphik-Semibold.svg#Graphik-Semibold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: url('./fonts/Graphik-Regular.eot'); src: url('./fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/Graphik-Regular.woff2') format('woff2'), url('./fonts/Graphik-Regular.woff') format('woff'), url('./fonts/Graphik-Regular.ttf') format('truetype'), url('./fonts/Graphik-Regular.svg#Graphik-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: url('../fonts/Graphik-Bold.eot'); src: url('../fonts/Graphik-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Bold.woff2') format('woff2'), url('../fonts/Graphik-Bold.woff') format('woff'), url('../fonts/Graphik-Bold.ttf') format('truetype'), url('../fonts/Graphik-Bold.svg#Graphik-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: url('../fonts/Graphik-BoldItalic.eot'); src: url('../fonts/Graphik-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-BoldItalic.woff2') format('woff2'), url('../fonts/Graphik-BoldItalic.woff') format('woff'), url('../fonts/Graphik-BoldItalic.ttf') format('truetype'), url('../fonts/Graphik-BoldItalic.svg#Graphik-BoldItalic') format('svg'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Graphik'; src: url('../fonts/Graphik-Light.eot'); src: url('../fonts/Graphik-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Light.woff2') format('woff2'), url('../fonts/Graphik-Light.woff') format('woff'), url('../fonts/Graphik-Light.ttf') format('truetype'), url('../fonts/Graphik-Light.svg#Graphik-Light') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Graphik'; src: url('../fonts/Graphik-RegularItalic.eot'); src: url('../fonts/Graphik-RegularItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-RegularItalic.woff2') format('woff2'), url('../fonts/Graphik-RegularItalic.woff') format('woff'), url('../fonts/Graphik-RegularItalic.ttf') format('truetype'), url('../fonts/Graphik-RegularItalic.svg#Graphik-RegularItalic') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } *{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; } *:focus{outline:none;} ::-moz-focus-inner{border:0;} body{margin:0px; font-family: 'Graphik', sans-serif, Arial, Helvetica; font-weight:400; color: #3c3c3c; font-size: 17px;} input{font-family: 'Graphik', sans-serif, Arial, Helvetica;} ul{margin:0px; padding:0px;} ul li{list-style:none;} strong{font-weight:700;} a{ cursor: pointer; -moz-transition: all 20ms ease; -webkit-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; text-decoration:none; color:#3b3b3b;} a:hover, a:focus{text-decoration:none; } ::-webkit-input-placeholder{opacity:1; color: #3c3c3c;} ::-moz-placeholder{opacity:1; color: #3c3c3c;} :-ms-input-placeholder{opacity:1; color: #3c3c3c;} :-moz-placeholder{opacity:1; color: #3c3c3c;} form textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="file"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {font-family: 'Graphik', sans-serif, Arial, Helvetica; border-radius:0; border:none; padding:10px 0px; margin:0 0 15px 0; font-size:17px; font-weight:400; width: 100%; color: #3c3c3c; border-bottom: 1px solid #3c3c3c;} input[type="radio"], input[type="checkbox"]{margin-right: 10px;} input[type="file"]{background-color:#fff; color:#000;} input[type="submit"]{font-family: 'Graphik', sans-serif, Arial, Helvetica; color:#fff; cursor:pointer; -webkit-appearance: none; border-radius:0px; width:100%; border:none; box-sizing:border-box; background-color: #000; padding:18px 10px; font-weight:700; font-size:18px; display: inline-block; text-align: center; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } input[type="submit"]::-moz-focus-inner{border: 0;} select{ appearance: none; -ms-appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; background-image: url('data:image/png;base64,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') !important; background-size: 11px !important; background-repeat: no-repeat !important; background-position: calc(100% - 10px) center !important; } .wpcf7-not-valid-tip { display: none !important; } .wpcf7 form .wpcf7-response-output { margin: 10px 0 !important; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output , .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{ text-align: center !important; color: #6e2121 !important; background-color: #edd4d4 !important; border-color: #e6c3c3 !important; position: relative !important; padding: .75rem 1.25rem !important; margin-bottom: 1rem !important; border: 1px solid #e6c3c3 !important; border-radius: .25rem !important; font-size: 13px; } .wpcf7 form.sent .wpcf7-response-output { color: #216e3c !important; background-color: #d7edd4 !important; border-color: #c3e6c6 !important; border: 1px solid #c3e6d1 !important; } form p { margin: 0; } form span + br { display: none !important; } form { position: relative; } form span.ajax-loader { position: absolute; z-index: 1; margin: 0 !important;left: 0; top:0; width: 100% !important;height: 100% !important;background-repeat: no-repeat;background-size: 15px;background-position: center;} form .ajax-loader:after {} textarea{resize:none;} h1,h2,h3,h4,h5,h6{margin-top:0px; font-weight:700; color:#3b3b3b; margin-bottom:10px;} .container, .row-fluid .container[class*="span"]{margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; float:none; box-sizing: border-box;} .container:after{clear:both; content: ""; display:table;} strong{font-weight: 500;} /* Button Style */ .btn { display: inline-block; padding: 13px 25px; background: #F6F6F6; border: 1px solid #1D1D20; border-radius: 6px; color: #1D1D20; font-weight: 500; font-size: 16px; } .btn.btn-black { background: #1D1D20; color: #fff; padding: 13px 19px; } .btn.btn-black:hover { background: #F6F6F6; color: #1D1D20; } .btn:hover { background: #1D1D20; color: #fff; } /* Flex Comman */ .fx { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width:100%;} .fx.fx-center { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .fx.fx-rev-r { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .fx.fx-rev-c { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .fx-self { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .mt-0 { margin-top: 0 } .mt-10 { margin-top: 10px } .mt-15 { margin-top: 15px } .mt-20 { margin-top: 20px } .mt-30 { margin-top: 30px } .mt-40 { margin-top: 40px } .mt-50 { margin-top: 50px } .mt-60 { margin-top: 60px } .mt-70 { margin-top: 70px } .mt-80 { margin-top: 80px } .mb-0 { margin-bottom: 0 } .mb-10 { margin-bottom: 10px } .mb-15 { margin-bottom: 15px } .mb-20 { margin-bottom: 20px } .mb-30 { margin-bottom: 30px } .mb-40 { margin-bottom: 40px } .mb-50 { margin-bottom: 50px } .mb-60 { margin-bottom: 60px } .mb-70 { margin-bottom: 70px } .mb-80 { margin-bottom: 80px } .pt-0 { padding-top: 0 } .pt-10 { padding-top: 10px } .pt-15 { padding-top: 15px } .pt-20 { padding-top: 20px } .pt-30 { padding-top: 30px } .pt-40 { padding-top: 40px } .pt-50 { padding-top: 50px } .pt-60 { padding-top: 60px } .pt-70 { padding-top: 70px } .pt-80 { padding-top: 80px } .pb-0 { padding-bottom: 0 } .pb-10 { padding-bottom: 10px } .pb-15 { padding-bottom: 15px } .pb-20 { padding-bottom: 20px } .pb-30 { padding-bottom: 30px } .pb-40 { padding-bottom: 40px } .pb-50 { padding-bottom: 50px } .pb-60 { padding-bottom: 60px } .pb-70 { padding-bottom: 70px } .pb-80 { padding-bottom: 80px } .margin-0 { margin: 0 !important } /* Slider */ .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 { outline:none; 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; outline:none; } [dir='rtl'] .slick-slide { float: right; } .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; } .slick-arrow { cursor:pointer; z-index:5; position:absolute; top:50%; margin-top:-17.5px; display:inline-block; color:#fff; background:transparent; width:35px; height:35px; font-size:0; text-index:-9999; cursor:pointer; border: 1px solid #1D1D20; border-radius: 5px; } .slick-arrow:before { font-family:'FontAwesome'; font-size:14px; } .slick-arrow:hover { background:#fff; color:#000; } .slick-arrow.slick-prev { left:5px; background-image: url(./images/left-arrow.svg); background-repeat: no-repeat; background-size: 19px; background-position: center center;} .slick-arrow.slick-prev:before { content: " "; } .slick-arrow.slick-next { right:5px; background-image: url(./images/right-arrow.svg); background-repeat: no-repeat; background-size: 19px; background-position: center center;} .slick-arrow.slick-next:before { content: " "; } .slick-arrow.slick-disabled { display:none; } ul.slick-dots { margin:0; padding:0; list-style:none; float:left; width:100%;} ul.slick-dots { text-align:center; padding:35px 0 0; } ul.slick-dots li { display:inline-block; padding:0 5px; } ul.slick-dots li button { display:inline-block; background:#A5A5A6; width:24px; height:1px; border-radius:100%; font-size:0; text-index:-9999; cursor:pointer; border:0px; border-radius: 0; } ul.slick-dots li button:hover , ul.slick-dots li.slick-active button { background:#1D1D20; } ul.slick-dots li.slick-active button {width: 54px;} /******************************* 1. Header *******************************/ .header { position: relative; z-index: 999;} .header .header-inner { padding: 36px 0px;} .header .header-inner .logo { width: 173px; float: left; } .header .header-inner .mainmenu { width: calc(100% - 448px); padding: 0px 25px; text-align: center; } .header .header-inner .mainmenu > ul > li { display: inline-block; margin: 0px 10px; } .header .header-inner .mainmenu > ul > li > a { letter-spacing: -0.2px; color: #4A4A4D; font-size: 16px; display: block; padding: 10px 10px; } .header .header-inner .mainmenu > ul > li:hover > a { color: #1D1D20; } .header .header-inner .mainmenu > ul > li.active > a { font-weight: 500; color: #1D1D20; } .header .header-inner .btn-group-wrapper { width: 275px; float: left; text-align: right; } .header .header-inner .btn-group-wrapper ul li { display: inline-block; margin-left: 18px; } .header .header-inner .btn-group-wrapper ul li:first-child { margin-left: 0px; } .menu-toggle:focus { outline: none;} .menu-toggle{padding:10px 0; background-color: #1D1D20; float:right; border:none; cursor:pointer; width: 45px; border-radius: 5px;} .menu-toggle .icon-bar{margin: auto; background-color:#fff; border-radius:1px; display:block; height:3px; position:relative; width:30px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .menu-toggle .icon-bar + .icon-bar{margin-top:4px;} .menu-toggle .icon-bar:nth-child(1), .menu-toggle .icon-bar:nth-child(3){top:0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .menu-toggle.menu-menuopen .icon-bar:nth-child(1){top:7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .menu-toggle.menu-menuopen .icon-bar:nth-child(2){opacity:0;} .menu-toggle.menu-menuopen .icon-bar:nth-child(3){top:-7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mainmenu .mobile-menu span.mobile-toggle{width:36px; height:36px; position:absolute; right: 15px; top: 7px; background-color: #1D1D20; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .mainmenu .mobile-menu span.mobile-toggle:after, .mobile-toggle:before{content:""; background-color:#FFFFFF; height:16px; width:2px; position:absolute; left:17px; top:10px; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .mainmenu .mobile-menu span.mobile-toggle:before{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease; transition: all 400ms ease; } .mainmenu .mobile-menu span.mobile-toggle.menu-subopen:after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .mainmenu .mobile-menu span.mobile-toggle.menu-subopen:before{opacity:0; background-color:#fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .mainmenu .menu-wrapper ul{float:left; padding:0; width:100%; min-width:250px;} .mainmenu .menu-wrapper > ul > li > a{max-width:none; width:auto;} .mainmenu > ul li.item-children ul.menu-children-wrapper li a{display:block;max-width:none;min-width:auto;overflow:visible;text-align:left;text-overflow:inherit;white-space:inherit;width:auto;} .mainmenu .menu-wrapper ul ul{background-color:#fff; min-width:250px;} /******************************* 2. Footer *******************************/ .footer { padding: 100px 0px; } .footer .footer-row > div:nth-child(1) { width: 40%; float: left; } .footer .footer-row > div:nth-child(2) { width: 60%; float: left; } .footer-link li a,.copyright-menu li a,.footer .mailto a { display: block; font-size: 16px; letter-spacing: -0.2px; color: #4A4A4D; } .footer-link li { display: inline-block; margin-left: 40px; } .footer-link li:first-child { margin-left: 0; } .social-media li { display: inline-block; margin-right: 17px; } .social-media li a { display: block; background: #F6F6F6; border-radius: 50px; width: 50px; height: 50px; line-height: 53px; text-align: center; color: #1D1D20; font-size: 22px; } .social-media li a:hover { background-color: #1d1d20; color: #fff; } .footer-link li a:hover,.copyright-menu li a:hover,.footer .mailto a:hover { color: #1d1d20; } .app li { display: inline-block; margin-left: 17px; } .app li:first-child { margin-left: 0; } .app li * { display: block; } .footer-copright { border-top: 1px solid #1D1D20; padding-top: 60px; margin-top: 56px; } .copyright-menu li { display: inline-block; padding: 0px 35px; position: relative; } .copyright-menu li:not(:last-child):before { content: ''; position: absolute; top: 0; right: -3px; border-right: 1px solid #1D1D20; bottom: 0; } .copyright-menu li:first-child { padding-left: 0; } .copyright-menu li:last-child { padding-right: 0; } .copyright,.app,.footer-link { text-align: right; } .copyright p { margin: 0; } .footer-share { padding-top: 67px; } .footer .mailto a { display: inline-block; position: relative; padding-left: 46px; } .footer .mailto a:before { content: ''; position: absolute; top: 0px; left: 0; background-image: url('./images/email.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; width: 22px; height: 17px; } /******************************* 3. Hero Section *******************************/ .hero-main { width: 100%; display: inline-block; padding: 40px 0px 60px; } .hero-main .hero-left { width: 50%; float: left; padding-right: 50px; } .hero-main .hero-right { width: 50%; float: left; text-align: center; padding-left: 20px; } .hero-main .hero-left h2 { font-weight: 600; font-size: 50px; line-height: 60px; color: #1D1D20; } .hero-main .hero-left h2 span { font-weight: 500; } .hero-main .hero-left .hero-text { color: #4A4A4D; font-weight: normal; font-size: 16px; line-height: 24px; max-width: 600px; width: 100%; } .hero-main .hero-left .subscribe-form { max-width: 500px; width: 100%; display: inline-block; padding-top: 22px; padding-bottom: 60px; } .hero-main .hero-left .subscribe-form form { position: relative; } .hero-main .hero-left .subscribe-form form input { border: 1px solid #1D1D20; border-radius: 8px; height: 54px; padding: 15px 135px 15px 55px; margin: 0;} .hero-main .hero-left .subscribe-form form input[type="submit"] { position: absolute; top: 4px; left: auto; right: 4px; max-width: 132px; border-radius: 8px; background: #1D1D20; font-weight: 500; font-size: 16px; padding: 0; height: 46px; } .hero-main .hero-left .subscribe-form form input[type="submit"]:hover { background: transparent; color: #1D1D20; } .hero-main .hero-left .hero-app { width: 100%; display: inline-block; padding-bottom: 40px; } .hero-main .hero-left .hero-app h6 { font-weight:700; font-size: 14px; line-height: 14px; color: #4A4A4D; padding-bottom: 12px; } .hero-main .hero-left .hero-app .app-div { display: inline-block; padding-right: 18px; } .hero-main .hero-left .hero-app .app-div img { max-width: 164px; width: 100%; } .hero-main .hero-left .note { letter-spacing: -0.2px; font-weight: normal; font-size: 14px; line-height: 14px; color: #777779; } .hero-main .hero-outer { align-items: center; } .hero-main .hero-left .subscribe-form form:before {content: '\f003';top: 16px;left: 20px;font-family: FontAwesome;position: absolute;font-size: 20px; z-index: 1;} .hero-main .hero-left .subscribe-form form input.wpcf7-not-valid { border-color: red; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #A5A5A6; letter-spacing: -0.2px; font-weight: normal; font-size: 16px; } ::-moz-placeholder { /* Firefox 19+ */ color: #A5A5A6; letter-spacing: -0.2px; font-weight: normal; font-size: 16px; } :-ms-input-placeholder { /* IE 10+ */ color: #A5A5A6; letter-spacing: -0.2px; font-weight: normal; font-size: 16px; } :-moz-placeholder { /* Firefox 18- */ color: #A5A5A6; letter-spacing: -0.2px; font-weight: normal; font-size: 16px; } /******************************* 4. Partner Section *******************************/ .partner-section { width: 100%; display: inline-block; text-align: center; background: #F6F6F6; padding: 70px 0px; } .partner-section h4 { letter-spacing: 0.4px; text-transform: uppercase; color: #1D1D20; font-weight: 500; font-size: 20px; line-height: 20px; padding-bottom: 40px; } .partner-section .partner-slider .inner-img img { width: 100%; height: 100%; object-fit: contain; max-width: 201px; } .partner-section .partner-slider .inner-img { height: 80px; display: flex; align-items: center; justify-content: center; } .partner-section .partner-slider .box { margin: 0 15px; } .partner-contact-section .right-part .form-cover .wp-form-field .wpcf7-not-valid {border-bottom-color: red;} /******************************* 5. Playfora Section *******************************/ .playfora-section { width: 100%; display: inline-block; padding: 70px 0px; } .playfora-section h2 { text-align: center; font-size: 50px; line-height: 60px; letter-spacing: -0.2px; padding-bottom: 61px; } .playfora-section h2 span { font-weight: 500; } .playfora-section .cover { width: 100%; display: flex; } .playfora-section .left-part { width: 50%; float: left; padding-right: 20px; } .playfora-section .right-part { width: 50%; float: left; text-align: center; padding-left: 40px; } .playfora-section .left-part .box { width: 100%; display: inline-block; } .playfora-section .left-part .box .faq-title { width: 100%; display: inline-flex; align-items: center; cursor: pointer; position: relative; padding: 15px; } .playfora-section .left-part .box .faq-title .icon { background: #F6F6F6; border-radius: 50px; width: 50px; height: 50px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 10px; } .playfora-section .left-part .box .faq-title .title { padding-left: 15px; width: calc(100% - 50px); } .playfora-section .left-part .box .faq-title .title h3 { margin: 0; color: #1D1D20; font-weight: 500; font-size: 20px; line-height: 20px; letter-spacing: -0.2px; } .playfora-section .left-part .box .faq-title h3:after { content: '\f106'; top: 1px; left: 15px; font-family: FontAwesome; position: relative; display: inline-block; font-size: 24px; } .playfora-section .left-part .box .faq-title.active { background: #F6F6F6; border-top-left-radius: 8px; border-top-right-radius: 8px; } .playfora-section .left-part .box .faq-content { display: none; width: 100%; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background: #F6F6F6; } .playfora-section .left-part .box .faq-title.active .icon { background: #fff; } .playfora-section .left-part .box .faq-content .content-img { display: none; } .playfora-section .left-part .box .faq-content .details { width: 100%; display: inline-block; letter-spacing: -0.2px; color: #4A4A4D; font-weight: normal; font-size: 16px; line-height: 24px; padding: 0px 15px 4px 80px; } .playfora-section .left-part .box .faq-content .details p { margin-top: 0; } .playfora-section .right-part .content-img { width: 100%;display: inline-block;} .playfora-section .right-part .content-img img { max-width: 540px; width: 100%; object-fit: contain;} .playfora-section .left-part .box .faq-title h3:after { transform: scale(-1); } .playfora-section .left-part .box .faq-title.active h3:after { transform: scale(1); } /******************************* 6. Testimonial Section *******************************/ .testimonial-section { width: 100%; display: inline-block; background: #F6F6F6; padding: 70px 0px; text-align: center; } .testimonial-section h4 { letter-spacing: 0.4px; text-transform: uppercase; color: #1D1D20; font-weight: 500; font-size: 16px; line-height: 16px; padding-bottom: 15px; } .testimonial-section .testimonial-slider .cover { max-width: 1000px; width: 100%; margin: auto; } .testimonial-section .testimonial-slider .content { color: #1D1D20; letter-spacing: -0.2px; font-weight: 600; font-size: 40px; line-height: 58px; padding-bottom: 30px; } .testimonial-section .testimonial-slider .client-name h5 { letter-spacing: 0.4px; text-transform: uppercase; color: #1D1D20; font-weight: 500; font-size: 16px; line-height: 16px; } .testimonial-section .testimonial-slider .position h6 { color: #777779; letter-spacing: -0.2px; font-weight: normal; font-size: 16px; line-height: 24px; } /******************************* 7. How work Section *******************************/ .how-work-section { width: 100%; display: inline-block; padding: 70px 0px 40px; text-align: center; } .how-work-section h2 { color: #1D1D20; letter-spacing: -0.2px; font-size: 50px; line-height: 60px; } .how-work-section h2 span { font-weight: 500; } .how-work-section .content { color: #4A4A4D; letter-spacing: -0.2px; font-weight: normal; font-size: 16px; line-height: 24px; max-width: 1232px; width: 100%; margin: auto; padding-bottom: 40px; } .how-work-section .wrap { margin: 0px -15px; text-align: center; counter-reset: my-sec-counter; } .how-work-section .box { width: calc(100% / 4 - 34px); display: inline-block; vertical-align: top; margin: 0 15px; margin-bottom: 30px; } .how-work-section .box .img-box { width: 100%; display: inline-block; height: 475px; } .how-work-section .box .img-box img { width: 100%; max-width:280px } .how-work-section .box h3 { letter-spacing: -0.2px; font-weight: 600; font-size: 24px; line-height: 24px; color: #1D1D20; position: relative; display: flex; align-items: center; flex-direction: column; } .how-work-section .box h3:before { counter-increment: my-sec-counter; content: counter(my-sec-counter); width: 36px; height: 36px; border: 2px solid #1D1D20; border-radius: 50px; letter-spacing: -0.2px; color: #1D1D20; font-weight: 600; font-size: 20px; line-height: 20px; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 15px; } /******************************* 8. Team Section *******************************/ .team-section { width: 100%; display: inline-block; background: #F6F6F6; padding: 70px 0px; } .team-section .cover { width: 100%; display: flex; align-items: center; } .team-section .left-part { width: 50%; float: left; padding-right: 50px; } .team-section .right-part { width: 50%; float: left; } .team-section .right-part .team-box { width: 100%; max-width: 530px; margin: auto; position: relative; } .team-section .right-part .team-box img { width: 100%; } .team-section .left-part .details { letter-spacing: -0.2px; color: #1D1D20; font-weight: 500; font-size: 40px; line-height: 55px; max-width: 580px; } .team-section .left-part h6 { color: #4A4A4D; letter-spacing: 0.4px; font-weight: 500; font-size: 20px; line-height: 20px; } .team-section .right-part .team-box .team-say { background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); border-radius: 8px; max-width: 242px; text-align: center; width: 100%; color: #1D1D20; letter-spacing: -0.2px; font-weight: 600; font-size: 20px; line-height: 20px; padding: 20px 10px; position: absolute; top: auto; bottom: 70px; left: -115px; } /******************************* 9. Partner Contact Section *******************************/ .partner-contact-section { width: 100%; display: inline-block; padding: 80px 0px 60px; } .partner-contact-section h2 { text-align: center; letter-spacing: -0.2px; color: #1D1D20; font-size: 50px; line-height: 60px; } .partner-contact-section h2 span { font-weight: 500; } .partner-contact-section .content { text-align: center; letter-spacing: -0.2px; color: #4A4A4D; font-weight: normal; font-size: 16px; line-height: 24px; padding-bottom: 50px; } .partner-contact-section .cover { width: 100%; display: inline-block; } .partner-contact-section .left-part { width: 50%; float: left; padding-right: 40px; } .partner-contact-section .right-part { width: 50%; float: left; padding-left: 30px; } .partner-contact-section .left-part .wrap { max-width: 568px; width: 100%; } .partner-contact-section .left-part .box { width: 100%; display: inline-block; padding-bottom: 10px; position: relative; padding-left: 32px; } .partner-contact-section .left-part .box h3 { color: #1D1D20; letter-spacing: -0.2px; font-weight: 600; font-size: 20px; line-height: 24px; position: relative; } .partner-contact-section .left-part .box .details { width: 100%; display: inline-block; color: #4A4A4D; letter-spacing: -0.2px; font-weight: normal; font-size: 16px; line-height: 24px; } .partner-contact-section .left-part .box .details p { margin-top: 0; } .partner-contact-section .left-part .box:before { content: ' '; top: 4px; left: 0; background-image: url(./images/check.svg); width: 20px; height: 18px; background-size: contain; position: absolute; background-repeat: no-repeat; } .partner-contact-section .right-part .form-cover { max-width: 600px; width: 100%; margin: auto; } .partner-contact-section .right-part .form-cover .wp-form-field { width: 100%; display: inline-block; background: #F6F6F6; border-radius: 8px; margin-bottom: 15px; padding: 15px 20px; padding-bottom: 0; } .partner-contact-section .right-part .form-cover .wp-form-field input, .partner-contact-section .right-part .form-cover .wp-form-field select { background: #F6F6F6; margin: 0; padding-bottom: 5px; font-size: 16px; color: #1D1D20; letter-spacing: -0.2px; border: 0; border-bottom: 1px solid #193BE4; } .partner-contact-section .right-part .form-cover .wp-form-field label { color: #A5A5A6; letter-spacing: -0.2px; font-weight: normal; font-size: 14px; line-height: 14px; } .partner-contact-section .right-part .form-cover .wp-form-field textarea { margin: 0; background: #F6F6F6; border: 0; height: 85px; padding: 0; } .partner-contact-section .right-part .form-cover .wp-submit { width: 100%; display: inline-block; padding-top: 15px; } .partner-contact-section .right-part .form-cover .wp-submit input[type="submit"] { background: #1D1D20; border-radius: 8px; letter-spacing: -0.2px; text-transform: capitalize; font-weight: 500; font-size: 16px; border: 1px solid #1D1D20; } .partner-contact-section .right-part .form-cover .wp-submit input[type="submit"]:hover { background: transparent; color: #1D1D20; } /******************************* 10. Access Section *******************************/ .access-section { width: 100%; display: inline-block; background: #193BE4; padding: 70px 0px; } .access-section .cover { display: flex; align-items: center; } .access-section .cover .left-part { width: 50%; float: left; padding-right: 20px; padding-left: 110px; } .access-section .cover .right-part { width: 50%; float: left; } .access-section .cover .left-part h2 { letter-spacing: -0.2px; color: #FFFFFF; font-size: 50px; line-height: 60px; } .access-section .cover .left-part h2 span { font-weight: 500; } .access-section .cover .right-part .subscribe-form { max-width: 500px; width: 100%; margin: auto; } .access-section .cover .right-part .subscribe-form { max-width: 500px; width: 100%; margin: auto; } .access-section .cover .right-part .subscribe-form form { position: relative; } .access-section .cover .right-part .subscribe-form form:before { content: '\f003'; top: 16px; left: 20px; font-family: FontAwesome; position: absolute; z-index: 1; font-size: 20px; } .access-section .cover .right-part .subscribe-form form input { border: 1px solid #1D1D20; border-radius: 8px; height: 54px; padding: 15px 135px 15px 55px; margin: 0; } .access-section .cover .right-part .subscribe-form form input[type="submit"] { position: absolute; top: 4px; left: auto; right: 4px; max-width: 132px; border-radius: 8px; background: #1D1D20; font-weight: 500; font-size: 16px; padding: 0; height: 46px; } .access-section .cover .right-part .subscribe-form form input[type="submit"]:hover { background: transparent; color: #1D1D20; } .access-section .cover .right-part .subscribe-form form input.wpcf7-not-valid { border-color: red; } /******************************* 11. Popup FOrm *******************************/ div#getplayfora { max-width: 600px; text-align: center; border-radius: 8px; } div#getplayfora .inner { padding: 30px 20px; font-family: 'Graphik', sans-serif, Arial, Helvetica; } div#getplayfora .inner *{ font-family: 'Graphik', sans-serif, Arial, Helvetica;} div#getplayfora .inner .heading { padding: 0 0 40px; } .sub-form form { position: relative; } .sub-form form input[type="email"] { border: 1px solid #1D1D20; border-radius: 8px; height: 54px; padding: 15px 135px 15px 55px; margin: 0; } .sub-form form input[type="submit"] { position: absolute; top: 4px; left: auto; right: 4px; max-width: 132px; border-radius: 8px; background: #1D1D20; font-weight: 500; font-size: 16px; padding: 0; height: 46px; } .sub-form form:before { content: ''; content: '\f003'; top: 16px; left: 20px; font-family: FontAwesome; position: absolute; font-size: 20px; z-index: 1; } .sub-form form input[type="email"].wpcf7-not-valid { border-color: red; } /******************************* 12. Tabbing *******************************/ .tabbing { display: flex; flex-wrap: wrap;align-items: flex-start; } .tabbing .tab-list { width: 25%; position: sticky; top: 10px;} .tabbing .single-tab { background: #fff; border-radius: 8px; padding: 15px; } .tabbing .single-tab label { color: #1D1D20; font-weight: 500; font-size: 20px; display: block; position: relative; cursor: pointer; } .tabbing .single-tab ul { max-height: calc(100vh - 150px); overflow: auto; counter-reset: section; display: none; margin: 10px 0 0; } .tabbing .single-tab ul li { position: relative; font-size: 18px; padding: 10px 0; line-height: 24px; } .tabbing .single-tab ul li a:before { counter-increment: section; content: ""counter(section) ". "; } .tabbing .single-tab label:after { content: "\f107"; font-family: 'FontAwesome'; position: absolute; right: 15px; top: 0; transition: all .3s ease; } .tabbing .single-tab.active { background: #F6F6F6; } .tabbing .single-tab.active label:after { transform: scale(-1) } .tabbing .tab-contents { width: 75%; padding-left: 40px; line-height: 1.5; padding-top: 10px; font-size: 16px; } .privacy-section h1 { margin: 0 0 70px; } .tabbing h2 { font-size: 30px; } .tabbing .tab-contents .content { padding: 0 0 10px; } .tabbing .tab-contents ul li { margin: 8px 0; } .tabbing .tab-contents ul li:before { content: "\f111"; font-family: 'FontAwesome'; font-size: 7px; vertical-align: middle; position: relative; top: -3px; display: inline-block; margin-right: 7px; } .tabbing .tab-contents .tab-content { display: none; } .tabbing .point { padding: 10px 0; } .tabbing .single-tab.active label { pointer-events: none; } .privacy-section { padding: 60px 0 90px; } .tabbing .tab-contents a { text-decoration: underline; } .tabbing .tab-contents a:hover { color: #193be4; } /******************************* 13. campaigns *******************************/ .campaigns-section { padding: 40px 0px 60px; } .campaigns-section .row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; width: 100%; border-bottom: 1px solid #f6f6f6; margin-bottom: 40px; } .campaigns-section .campaigns-heading { padding-bottom: 50px; } .campaigns-section .row .col-left { width: 50%; float: left; } .campaigns-section .row .col-right { float: right; width: 50%; text-align: right; } .campaigns-section .campaigns-content { display: flex; align-items: center; justify-content: flex-start; width: 100%; flex-wrap: wrap; opacity: 0; display: none;} .campaigns-section .campaigns-content .first { display: inline-block; color: #3654e7; margin-right: 25px; font-weight: 700; } .campaigns-section .campaigns-content .second { color: #bbbbbc; } .campaigns-section .row .col-right .campaigns-search { margin-bottom: 0; border-bottom: 1px solid #ccc; max-width: 48%; padding-left: 40px; padding-bottom: 15px;} .campaigns-section .row .col-right .form span:after{content:"\f002";font-family:'FontAwesome';position:absolute;top:0px;left:0px;font-size:20px;color:#bbbbbc;} .campaigns-section .row .col-right .form span{position:relative;} .campaigns-section .campaigns-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;width:100%;border:1px solid #ccc;border-radius:15px;overflow:hidden;padding:3px;margin-top:20px;} .campaigns-section .campaigns-row .campaigns-left{width:45%;float:left;} .campaigns-section .campaigns-row .campaigns-right{width:55%;float:right;} .campaigns-section .campaigns-row .sub-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%;} .campaigns-section .campaigns-row .sub-row .sub-info{color:#616163;font-size:14px;line-height:1.5em;width:100%;max-width:325px;} .campaigns-section .campaigns-row .sub-row .campaigns-img img{width:100%;max-width:100%;height:100%;object-fit:cover;display:block;} .campaigns-section .campaigns-row .sub-row .campaigns-img{height:120px;border:1px solid #ccc;border-radius:10px;overflow:hidden;} .campaigns-section .campaigns-row .sub-row .sub-left{width:22%;} .campaigns-section .campaigns-row .sub-row .sub-right{width:78%;padding-left:20px;padding-top:15px;} .campaigns-section .campaigns-row .row{margin:0;border:none;} .campaigns-section .campaigns-row .row .campaigns-box{width:25%;} .campaigns-section .campaigns-row .row .campaigns-box .title{font-size:14px;color:#616163;} .campaigns-section .campaigns-row .campaigns-title{display:flex;align-items:center;justify-content:flex-start;width:100%;flex-wrap:wrap;} .campaigns-section .campaigns-row .campaigns-title h3{font-size:15px;padding-top:5px;} .campaigns-section .campaigns-row .campaigns-title .campaigns-icon img{object-fit:contain;width:25px;max-width:100%;height:25px;display:block;margin:0 auto;} .campaigns-section .campaigns-row .campaigns-title .campaigns-icon{background-color:#f6f6f6;border-radius:100px;width:35px;height:35px;padding-top:5px;margin-right:10px;} .campaigns-section .campaigns-row .row .campaigns-box ul li{display:inline-block;} .campaigns-section .campaigns-row .row .campaigns-box ul li a{color:#3553e7;font-size:17px;} .campaigns-section .campaigns-row .row .campaigns-box ul li:first-child{padding-right:7px;} /******************************* Responsive Media Query Container Settings and Responsive Media Query *******************************/ @media (min-width:768px) { .container{width:750px;} } @media (min-width:992px) { .container{width:970px;} } @media (min-width:1200px) { .container{width:1170px;} } @media (min-width:1460px) { .container{width:1430px;} } @media (min-width:768px) { } @media (min-width:992px) {/*hover event for desktops*/ .menu-toggle, .mainmenu .mobile-menu span.mobile-toggle{display:none;} .mainmenu > ul li.item-children:hover > ul.menu-children-wrapper {opacity:1; visibility:visible;} } @media (max-width:1459px){ .team-section .left-part .details { font-size: 32px; line-height: 47px; } .team-section .left-part { padding-right: 100px; } .how-work-section .box .img-box{height: auto;} } @media (max-width:1199px){ .header .header-inner .btn-group ul li { margin-left: 10px; } .btn { font-size: 15px; } .header .header-inner .btn-group { width: 245px; } .header .header-inner .mainmenu { width: calc(100% - 418px); } .header .header-inner .mainmenu > ul > li { margin: 0px 0px; } .testimonial-section .testimonial-slider .content { font-size: 35px; line-height: 48px; } .testimonial-section .testimonial-slider .cover { max-width: 790px; } .access-section .cover .left-part{padding-left: 0;} .campaigns-section .campaigns-row .sub-row .sub-info{max-width:260px;} .campaigns-section .campaigns-row .sub-row .sub-left{width:30%;} .campaigns-section .campaigns-row .sub-row .sub-right{width:70%;padding-left:15px;} .campaigns-section .campaigns-row .campaigns-left{width:40%;} .campaigns-section .campaigns-row .campaigns-right{width:60%;} } @media (max-width:991px){ .mainmenu > ul li.item-children ul.menu-children-wrapper{position:static; opacity:1; visibility: visible; display:none; width:100%;} .mainmenu > ul{display:none;} .mainmenu > ul.mobile-menu li{float: left; width: 100%; display: block;} .header .header-inner .btn-group-wrapper{ display: none; } .header .header-inner { padding: 20px 0px; } .header .header-inner .mainmenu { width: calc(100% - 173px); padding: 0px 0px 0px 15px; } .mainmenu > ul { max-height: calc(100vh - 84px); overflow: auto; position: absolute; top: 100%; left: 0; right: 0; background-color: #F6F6F6; box-shadow: 0px 18px 20px 0px rgb(0 0 0 / 10%); } .header .header-inner .mainmenu > ul > li > a { color: #1d1d20; background-color: transparent; padding: 15px 15px; border: none; border-top: 1px solid rgba(0, 0, 0, 0.2); font-weight: 400; border-radius: 0; text-align: left; } .header .container { width: 100%;} .footer-link li { margin-left: 18px;} .hero-main .hero-left { width: 55%; } .hero-main .hero-right { width: 45%; } .hero-main .hero-right img { width: 100%; } .hero-main .hero-left h2 { font-size: 38px; line-height: 47px; } .hero-main .hero-left .subscribe-form { padding-bottom: 40px; } .hero-main .hero-left .hero-app { padding-bottom: 20px; } .hero-main .hero-left .hero-app .app-div img { max-width: 140px; } .partner-section h4 { font-size: 18px; } .playfora-section h2 { font-size: 40px; line-height: 50px; padding-bottom: 40px; } .playfora-section .right-part { display: none; } .playfora-section .left-part { width: 100%; padding: 0; } .playfora-section .left-part .box .faq-content .content-img { display: block; text-align: center; padding: 10px 15px 30px; } .playfora-section .left-part .box .faq-content .content-img img { max-width: 351px; width: 100%; } .how-work-section h2 { font-size: 40px; line-height: 50px; } .how-work-section .box h3 { font-size: 20px; line-height: 24px; } .team-section .left-part { width: 100%; padding: 0; text-align: center; } .team-section .right-part { width: 100%; padding-top: 40px; } .team-section .cover { display: block; } .team-section .right-part .team-box { max-width: 420px; } .team-section .left-part .details { max-width: 100%; font-size: 28px; line-height: 42px; } .partner-contact-section h2 { font-size: 40px; line-height: 50px; } .access-section .cover .left-part h2 { font-size: 40px; line-height: 50px; } .tabbing .tab-list { width: 100%; position: static; } .tabbing .tab-contents { width: 100%; padding: 30px 0 0; } .tabbing .single-tab ul {max-height: none; } .campaigns-section .row .col-right .campaigns-search{padding-left:35px;max-width:65%;font-size:20px;} .campaigns-section .campaigns-row .campaigns-left{width:100%;margin-bottom:20px;} .campaigns-section .campaigns-row .campaigns-right{width:100%;} .campaigns-section .campaigns-row .sub-row .campaigns-img{height:155px;} .campaigns-section .campaigns-row .sub-row .sub-right{padding-left:25px;} .campaigns-section .campaigns-row .sub-row .sub-info{max-width:390px;} } @media (max-width:767px){ .fx-self { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .footer .footer-row > div:nth-child(1) { width: 100%; } .footer .footer-row > div:nth-child(2) { width: 100%; margin-top: 30px; } .footer-link, .app, .copyright,.footer .footer-row > div:nth-child(1) { text-align: center; } .footer { padding: 60px 0px; } .footer-copright { padding-top: 30px; margin-top: 30px; } .footer-share { padding-top: 40px; } .copyright-menu li { padding: 0px 20px; } .copyright-menu li:first-child { padding-left: 0; } .copyright-menu li:last-child { padding-right: 0; } .footer .footer-link li { margin: 6px;} .footer .mailto a { padding-left: 40px;} .footer .app li { margin: 5px 10px;} .social-media li { margin: 5px 3px;} .hero-main .hero-left { width: 100%; padding: 0; text-align: center; } .hero-main .hero-right { width: 100%; padding: 30px 0 0; } .hero-main .hero-left .hero-text { max-width: 100%; } .hero-main { padding: 30px 0px 40px; } .hero-main .hero-right img { max-width: 300px; } .partner-section .partner-slider .inner-img img { max-width: 151px; } .partner-section { padding: 50px 0px; } .playfora-section { padding: 40px 0px 30px; } .playfora-section h2 { font-size: 30px; line-height: 40px; padding-bottom: 31px; } .testimonial-section { padding: 50px 0px; } .testimonial-section .testimonial-slider .content { font-size: 30px; line-height: 41px; padding-bottom: 10px; } .testimonial-section h4 { padding-bottom: 0; } ul.slick-dots { padding: 25px 0 0; } .how-work-section { padding: 40px 0px 10px; } .how-work-section h2 { font-size: 30px; line-height: 40px; } .how-work-section .box { width: calc(100% / 2 - 34px); } .team-section { padding: 20px 0px 60px; } .team-section .left-part .details { font-size: 25px; line-height: 37px; } .team-section .right-part .team-box .team-say { left: -15px; bottom: -10px; } .partner-contact-section { padding: 40px 0px 50px; } .partner-contact-section h2 { font-size: 30px; line-height: 40px; } .partner-contact-section .left-part { width: 100%; padding: 0; } .partner-contact-section .right-part { width: 100%; padding: 20px 0 0; } .partner-contact-section .left-part .box .details { } .partner-contact-section .left-part .wrap { max-width: 100%; } .access-section { padding: 40px 0px; } .access-section .cover { display: block; } .access-section .cover .left-part { width: 100%; padding: 0; text-align: center; } .access-section .cover .right-part { width: 100%; padding-top: 20px; } .access-section .cover .left-part h2 { font-size: 35px; line-height: 45px; } .privacy-section { padding: 30px 0 30px; } .privacy-section h1 { font-size: 28px; margin: 0 0 30px; } .tabbing .single-tab ul li { padding: 4px 0; } .tabbing .single-tab ul li a { font-size: 15px; } .campaigns-section { padding: 30px 0px 40px; } .campaigns-section .row .col-left{width:100%;} .campaigns-section .row .col-right{width:100%;} .campaigns-section .row .col-right .campaigns-search{max-width:100%;} .campaigns-section .campaigns-row .sub-row .sub-right h4{font-size:16px;} .campaigns-section .campaigns-row .sub-row .sub-right{padding-left:15px;} .campaigns-section .campaigns-row .sub-row .sub-left{width:30%;} .campaigns-section .campaigns-row .sub-row .campaigns-img{height:125px;} .campaigns-section .campaigns-row .campaigns-left{margin-bottom:10px;} .campaigns-section .campaigns-row .row .campaigns-box{width:50%;} } @media (max-width:480px){ .hero-main .hero-left h2 { font-size: 30px; line-height: 40px; } .hero-main .hero-left .subscribe-form form input[type="submit"] { position: relative; top: 0; left: 0; margin-top: 18px; } .hero-main .hero-left .subscribe-form form input { padding: 15px 15px 15px 55px; } .hero-main .hero-left .hero-app .app-div img { max-width: 116px; } .hero-main .hero-left .hero-app .app-div:last-child { padding-right: 0; } .partner-section h4 { padding-bottom: 20px; } .playfora-section .left-part .box .faq-content .details { padding: 0px 15px 4px 15px; } .testimonial-section .testimonial-slider .content { font-size: 25px; line-height: 34px; } .how-work-section .box { width: calc(100% / 1 - 34px); } .team-section .left-part .details { font-size: 20px; line-height: 30px; } .team-section .left-part h6 { font-size: 18px; } .team-section .right-part .team-box .team-say { left: -10px; font-size: 17px; max-width: 212px; padding: 15px 10px; } .access-section .cover .left-part h2 { font-size: 30px; line-height: 39px; } .access-section .cover .right-part .subscribe-form form input[type="submit"] { position: relative; top: 0; left: 0; margin-top: 15px; } .access-section .cover .right-part .subscribe-form form { text-align: center; } .sub-form form input[type="email"] { padding: 8px 15px 8px 55px; height: 43px; } .sub-form form input[type="submit"] { position: static; margin: 20px 0 0; } .sub-form form:before { top: 11px; } div#getplayfora .inner { padding: 0; } div#getplayfora .inner .heading .text { font-size: 13px; } div#getplayfora { padding: 35px 15px !important; } .campaigns-section .campaigns-heading { padding-bottom: 30px; } .campaigns-section .campaigns-row .sub-row .sub-left { width: 100%; } .campaigns-section .campaigns-row .sub-row .sub-right { width: 100%; } .campaigns-section .campaigns-row .sub-row .campaigns-img { height: 230px; } }