/*
Theme Name: Twenty Twenty
Text Domain: twentytwenty
Version: 1.6
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-patterns, 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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

    0.  CSS Reset
    1.  Document Setup
    2.  Element Base
    3.  Helper Classes
    4.  Site Header
    5.  Menu Modal
    6.  Search Modal
    7.  Page Templates
        a.  Template: Cover Template
        c.  Template: Full Width
    8.  Post: Archive
    9.  Post: Single
    10. Blocks
    11. Entry Content
    12. Comments
    13. Site Pagination
    14. Error 404
    15. Widgets
    16. Site Footer
    17. Media Queries

----------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------- */

/*  0. CSS Reset
/* -------------------------------------------------------------------------- */


@media (max-width: 1199px) {
	.remove {
		display: none !important;
	}
.page-id-239 main {
    min-height: 68vw;
	}
section.blogs.scroll-section {
    min-height: 100vh;
}
	.banner-row {
    max-width: 915px;
}
section.ecom-platform ul li {
	flex-basis: 300px;}
	section.ecom-platform ul {
    margin: 0px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
}
@media (max-width:1024px) {

.hero video {
    position: absolute;
    height: 100vh !important;
    width: auto !important;
}
	.news a.btn-animate-black {
    margin: 0px 0px 40px;
}
	
}
@media (max-width:991px) {
.banner-form.aos-init.aos-animate, .menu-model-left {
    display: none;
}
	.services-tab ul.sub-menu {
    display: block;
    width: 100%;
    flex-wrap: nowrap;
}
	.services-tab ul.sub-menu li {
  
    position: relative;
    padding-left: 0px;
}
	.services-tab ul.sub-menu li:before {
 display:none;
}
	ul.sub-menu {
    display: none !important;
}
ul.sub-menu.active {
    display: block !important;
}
		ul.onepage-pagination {
    display: none;
}
	.menu-modal-inner.modal-inner {
    max-width: 100% !important;
    width: 100% !important;
    min-height: 100vh !important;
}
	button.toggle.nav-toggle.mobile-nav-toggle {
    border-radius: 5px;
    padding: 9px;
    width: 50px;
    height: 50px;
    margin: 15px 0px;
}
	button.toggle.close-nav-toggle.fill-children-current-color {
    position: absolute;
  
    width: 45px;
    height: 45px;
    padding: 12px;
    color: #fff;
    border-radius: 3px;
    right: -15px;
    top: 15px;
    outline: none;
}
	.digital-exp-media img {
    max-width: 200px;
}
.digital-exp-media {
    display: block;
    margin: 0px auto;
}
	.development-img img {
    max-width: 220px;
    margin: 50px auto 0px;
}
	.about img {
    max-width: 300px;

}
	section {
    min-height: auto;
    height: auto !important;
    padding: 100px 0;
}
	.main1 section {
    display: flex;
    padding: 20px 0px 50px;
}
	
	.fixedMenu header#site-header {
    position: fixed;
    background: #fff;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 30%);
}
	header#site-header .header-inner {
    padding: 15px 0px;
}
	button.toggle.nav-toggle.mobile-nav-toggle {
     background-image: linear-gradient(
-225deg
, rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
}
	.s1.fixedMenu .site-title.faux-heading a, .s1.fixedMenu .site-description, .s1.fixedMenu nav.primary-menu-wrapper ul li a, .s1.fixedMenu li#menu-item-71 a::before, .s1.fixedMenu li#menu-item-72 a::before, .s1.fixedMenu .onepage-pagination li a, .s1.fixedMenu .social-media li a i.fa {
    color: #000 !important;
}
	.fixedMenu .search-toggle svg, .fixedMenu.home.s1 .search-toggle svg {
    color: #000 !important;
}


	.hero {
    padding-top: 0px !important;
}
		.modal-menu li a {
    color: #807e7e;
    text-transform: capitalize;
    font-weight: 400 !important;
			    text-align: left;
}
	.modal-menu li{
		border:none!important;
	}
	.footer-widgets.column-two.grid-item {
    margin-left: 0px;
}
	.contact-img img {
    position: absolute;
    width: 153px;
    right: -15px;
    bottom: -35px;
    z-index: 1;
}
	.contact-page-right {
    height: fit-content;
}
	section.contact-first .container-fluid {
    padding: 0px 40px 0px 40px;
    position: static !important;
}
	section.contact-first div#wpcf7-f500-o1 {
    margin-bottom: 30px;
}
	section.contact-first {
    padding: 40px 0px;
}
	menu-wrapper .menu-item {
    position: relative;
}
button.toggle.sub-menu-toggle.fill-children-current-color {
    position: absolute;
    right: 0px;
    top: 25px;
}
	li.skype, li.whtsapp{
    display: none !important;
}
	button.toggle.sub-menu-toggle.fill-children-current-color svg {
    position: absolute;
    top: 15px;
    right: 30px;
}
button.toggle.sub-menu-toggle.fill-children-current-color {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.CusPosts {
    width: 50%;
    padding: 12px;
    margin-bottom: 50px;
}
	.b-slide3 img, .b-slide2 img {
    display: none !important;
}
	ul.social-media {
    margin-left: 0px;
    top: 50%;
    left: -10px;
}
	.hero svg {
    position: absolute;
    top: 0px;
    opacity: 0.5;
    max-width: none !important;
    height: 100vh;
}
	.mobile-search-toggle span.toggle-icon:before, .mobile-search-toggle span.toggle-icon:after{
		display:none !important;
	}
		.banner-text {
    text-align: center;
}
	.hero img{display:none !important;}
	.search-modal.cover-modal.header-footer-group.show-modal.active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px;
    background: linear-gradient( 
33deg
 , rgb(253 220 235) 0%, rgb(192 220 253) 100%);
}
	.banner-row {
    max-width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center !important;
}
}
@media (max-width:767px) {
	body.page {
    padding-top: 30px;
}
	.page-id-239 main {
    min-height: 690px;
    background-position-y: bottom;
    display: block;
    padding-top: 100px;
}
	section.career-banner {
		padding: 80px 0px;}
	section.all-news ul li {
		background: #fff !important;}
	section.news-banner {
    margin-top: 50px;
}
	section.about-first.about-sec img {
    margin: 30px auto 10px;
}
	.home.page section.blogs {
    height: auto !important;
}
	.singular .featured-media-inner {
    position: static !important;
    width: auto !important;
}
	.featured-media-inner.section-inner img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
	.singular h1.entry-title {
    font-size: 36px;
}
.hero-inner h1, .banner-text h2 {
    text-transform: uppercase;
    font-size: 40px;
}
	.hero-inner {
    max-width: 650px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
}
	.digital-exp-media img {
		top: 45px;align-content;}
	section.contact {
    display: flex;
    padding: 20px 20px 50px;
}
	.contact-img img {
    position: absolute;
    width: 125px;
    right: -15px;
    bottom: -38px;
    z-index: 1;
}
	.contact-img img {
    position: absolute;
    width: 100px;
    right: -15px;
    bottom: -38px;
    z-index: 1;
}
	.footer-inner.section-inner h4 {
    font-size: 18px;
    margin-top: 40px !important;
}
	.footer-widgets.column-two.grid-item {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    margin-top: 0px;
}
	.footer-widgets.column-one.grid-item {
    display: flex;
    justify-content: space-around;
    margin: 0px !important;
    flex-direction: column;
}
	h2.widget-title.subheading.heading-size-3 {
    margin-top: 40px;
}
	.contact form {
    margin-top: 30px;
    padding-right: 0px;
}
	.banner-text p {
    text-align: center;
}

	.portfolio h2.psac-post-title {
    text-align: center !important;
		font-size: 30px !important;}
	
	.blogs .owl-item:nth-child(even) .psac-post-carousel-content {
    display: flex;
    flex-direction: column;
}
button.toggle.nav-toggle.mobile-nav-toggle {
    border-radius: 5px;
    padding: 6px;
    width: 40px;
    height: 40px;
    margin: 15px 15px;
}
	button.toggle.close-nav-toggle.fill-children-current-color {
    position: absolute;
    background: #f82222;
    width: 45px;
    height: 45px;
    padding: 12px;
    color: #fff;
    border-radius: 3px;
    right: -5px;
    top: 15px;
    outline: none;
}
	.fixedMenu button.toggle.nav-toggle.mobile-nav-toggle {
    border-radius: 5px;
    padding: 6px;
    width: 40px;
    height: 40px;
    margin: 18px 20px 15px 15px;
}
	button.toggle.close-nav-toggle.fill-children-current-color {
    position: absolute;
 background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    width: 40px;
		height: 40px;}
	.header-inner {
    max-width: calc(100% - 30px) !important;
}
	site-title.faux-heading a {
		font-size: 36px;}
	.contact-page-right {
		padding: 15px;}
	.form-flex br {
    display: none;
}
	.form-flex {
	    flex-direction: column;}
	section.about-first h1 {
    font-size: 40px;
    margin-top: 0px;
}
	ection.about-second {
		padding: 10px 0px 50px;}
	section.about-third h2 {
    margin: 0px 0px 15px;
}
	section.services-first ul li {
    margin: 10px;
}
	.site-description {
    display: block !important;
}
	.portfolio .post_img img {
    position: static !important;
}
	.portfolio-page-posts .main_post h4 {
    color: #060606;
    padding: 20px 0px 0px;
    margin: 0px;
    font-size: 24px;
}
	.portfolio-page-posts p {
    color: #040404;
    font-size: 18px !important;
    padding: 10px 0px 0px;
}
	.portfolio-page-posts a {
   margin: 15px 0px 10px;
    display: inline-block;
    border: 2px solid rgb(117, 93, 213);
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    outline: none;
    text-decoration: none;
    font-weight: 600;
    background-image: linear-gradient( 
-225deg
 , rgb(117, 93, 213) 35%, rgb(55, 136, 209) 100%) !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


	.portfolio-page-posts .main_post {
    min-height: auto;
    margin-top: 30px;
    overflow: visible;
    border-radius: 0px;
}
	section.contact-first {
    margin-top: 40px;
}
	section.about-second.about-sec .row {
    display: flex;
    flex-direction: column-reverse;
}
	section.about-second.about-sec img, section.about-third.about-sec img {
    margin: 0px auto 50px;
}
	section.about-second.about-sec p:before, section.about-third.about-sec p:before {
    width: 5px;
    height: 100%;
    background: #045556;
}
	ection.about-second p:before {
    width: 5px;
    height: 100%;
	}
	section.about-second p, section.about-third p {
    padding-left: 15px;
}
	section.about-second p:before, section.about-third p:before {
		width: 5px;}
	.CusPosts {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
}
	.cuspagination {
    text-align: center!important;
    padding: 0px 15px;
}
	section.banner.blogBanner {
    background: #2f3b4b;
    padding: 30px 0px 10px;
    height: auto;
    text-align: center;
    margin-top: 40px;
}
	svg#eOd9AwRzXsp1 {
    margin-top: 40px;
}
	.btn-animate svg {
    opacity: 1;
}
	.home header#site-header {
    box-shadow: 0px 0px 15px rgb(0 0 0 / 30%);
}
	.portfolio .contact-img img {
    position: absolute;
    width: 100px;
    right: -5px;
    bottom: -35px;
    z-index: 1;
}
	.strong-view.wpmtst-modern .wpmtst-testimonial-image {
    max-width: 100%;
    padding-left: 32px;
    width: 100px;
}
	section.about-first.ser-first.msd-first img {
    margin: 40px auto 0px;
    max-width: 200px;
}
	section.about-first.ser-first.hire-first img {
    margin-top: 40px;
}
	section.about-first.ser-first.error-first img {
    margin-top: 40px;
}
	ul.social-media {
    margin-left: 0px;
    top: 80%;
    left: 0px;
    position: absolute;
}
 .s1.fixedMenu .social-media li a i.fa,  {
    color: #fff !important;
}	
.s1.fixedMenu .site-title.faux-heading a {
    color: #000 !important;
}	
}