/* Theme Name: Champions Cricket Arena Version: 2.0 Author: Aesthetic Ux Description: A theme by The Aesthetic Ux */ *, *:before, *:after{padding: 0; margin: 0} :root { /* Color Variables: */ --primarycolor:#252525; --secondarycolor:#2E276D; --tertiarycolor:#110D31; --accentcolor:#f2d92f; /* Font Variables: */ --primaryfont:"Special Gothic Condensed One", sans-serif; --secondaryfont: "Inter Tight", sans-serif; --sectionspace:4rem; } body{font-family: var(--secondaryfont); color: #505050; font-size:17px; font-weight: 400; line-height: 1.8; } a {color:var(--primarycolor);text-decoration: none !important;transition:0.8s;transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.6s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;} a:hover {transition:0.8s;text-decoration: none;color: var(--secondarycolor);} a img {border: none;} h1,h2,h3,h4,h5,h6 {margin: 0 0 0.6rem 0;color: #000;line-height: 1.3;font-family: var(--primaryfont);font-weight: 700;text-transform: uppercase;} h1 {font-size: 55px;letter-spacing: 2px;} .home h2 {font-size: 42px;text-transform: uppercase;line-height: 1.2;} h2{font-size:38px;} h3 {font-size: 25px;} h4 {font-size: 20px;} h5 {font-size: 18px;} h6 {font-size: 16px;} .line{display: table; width: 100px; height: 5px; background: var(--accentcolor); margin: 0.5rem auto 1.2rem;clip-path: polygon(0 0, 91% 0, 100% 100%, 10% 100%);} .menu-bar {text-align: left;width: 30px;} .menu-bar span {height:2px;background:var(--accentcolor);display:block;margin-bottom:6px} .menu-bar span:nth-child(1) {width:17px} .menu-bar span:nth-child(2) {width:30px} .menu-bar span:nth-child(3) {width:15px;margin-left:auto;margin-bottom:0} #slider{background: var(--secondarycolor);margin-bottom: 9rem; position:relative;z-index: 1;padding-top: 1rem;} #slider:before{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -2; background: url(https://championscricketarena.com/wp-content/uploads/2026/01/bg-pattren-accent.png) repeat center; background-size: 60%; opacity: 0.15; image-rendering: pixelated;} #slider:after{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;background:linear-gradient(188deg, var(--tertiarycolor) 25%, transparent);} #slider .row{align-items: center} #slider h1{color: #fff; font-size: 58px; margin-bottom: 1.3rem;text-transform: uppercase;line-height: 1.15;} #slider .dis{color: #ccc;margin-bottom: 2.4rem;} #slider .owl-dots {position: absolute;bottom:2rem;text-align: center;left:0;right:0;display: none;} #slider .owl-dot {display: inline-block;transition:0.5s ease-in-out;width:10px; height:10px; background:#fff; border-radius:5px; margin:5px 5px;box-shadow: rgba(0, 0, 0, 0.48) 0px 0px 33px 10px;} #slider .owl-dot.active {background-color:var(--accentcolor);width:24px;} #slider .slider-carousel img{filter:saturate(0.8); aspect-ratio: 1/1.2;object-fit: cover;object-position: top;} #slider .image{ overflow:hidden} .subheading{color:var(--accentcolor); margin-bottom: 1rem;font-weight: 400;border: 1px solid #fefe005c;width: fit-content;padding: 1px 20px;border-radius: 20px;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;font-weight: 600;} .sub-heading{color:#f0e500; margin-bottom: 0.8rem !important;;font-weight: 400;border: 1px solid #f0e500;width: fit-content;padding: 1px 20px;border-radius: 20px;font-size: 14px;text-transform: uppercase;letter-spacing: 1px;font-weight: 600;} .slider-carousel{position: relative !important; margin-bottom:-4rem;} .slider-carousel .owl-nav{display:none} .slider-carousel img{/*! border:4px solid #fff */} #about-section{margin-bottom: 5rem;} #about-section p{margin-bottom: 1.7rem;} #about-section .image{position: relative} #about-section h2{margin-bottom: 1rem} #about-section .image img:nth-child(1){width: 80%} #about-section .image img:nth-child(2){width: 73%; margin-left: auto; margin-top:-6rem; border:7px solid #fff; position: relative; z-index: 1;} #about-section .row{align-items: center} #about-section .float-num{display: flex; align-items: center; justify-content: center; width: fit-content; z-index: 1; position: absolute;top: 9%; right: 5%; gap:0.8rem; padding: 5px 24px;background: var(--secondarycolor);font-size: 45px;clip-path: polygon(9% 0, 100% 0, 100% 75%, 91% 100%, 0 100%, 0 25%);} #about-section .float-num .num{font-size: 1.1em; font-family:var(--primaryfont); font-weight:800; color:var(--accentcolor); line-height: 1.5;} #about-section .float-num p{margin-bottom:0} #about-section .float-num .text{font-size: 0.40em; text-transform: capitalize; line-height: 1.3; font-weight: 600; color:#fff;} #featuers-section{background: #e9e9e9; padding: 3.5rem 0 4rem;position: relative; z-index: 1;margin-bottom: 3.2rem;} #featuers-section:before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(https://championscricketarena.com/wp-content/uploads/2026/01/bg-pattrem-white.png) no-repeat; background-size:cover; opacity:0.2; z-index: -1; } #featuers-section h2{text-align: center;} #featuers-section .dis{margin: 0 auto 2.6rem; text-align:center;width: 68rem;max-width: 100%;} #featuers-section .row{gap: 2rem 1.7rem; justify-content: center} .fbox, .fbox *{transition: 0.5s ease} .fbox{flex: 1 0 280px; background: #fff; padding:23px 31px 27px; clip-path: polygon(20% 0%, 86% 0, 100% 17%, 100% 80%, 100% 100%, 15% 100%, 0 86%, 0 0)} .fbox h3{text-transform: capitalize; font-size: 26px; font-weight: 400; margin-bottom:0} .fbox .icon{display: flex; align-items: center; gap:0.8rem; margin-bottom: 1.1rem; } .fbox .icon img{min-width: 52px; width: 52px;} .fbox p{font-size: 16px;} .fbox:hover{background: var(--secondarycolor)} .fbox:hover h3{color: #fff} .fbox:hover p{color: #fff} #service-section{ background: url(https://championscricketarena.com/wp-content/uploads/2026/01/service-bg-bw.jpg) no-repeat center; padding: 4.5rem 10px 3.6rem;background-size: cover; position: relative; z-index: 1;} #service-section:before{content: ""; position: absolute; top:0 ; left: 0; bottom: 0; right: 0; background: #15113BE3; z-index: -1; } #service-section .line{margin: 0.5rem auto 1.2rem; } #service-section h2 {color:#fff;} #service-section h2 span{color:var(--accentcolor)} #service-section .dis{text-align: start; width: 52rem ; margin: 0 auto 3rem;max-width: 100%; color: #fff} #service-section .service-row{justify-content: center; gap:2rem 1.8rem;} #service-section .owl-dots{margin-top:1.7rem; width: 100%;display:flex; justify-content:center;} #service-section .owl-nav{width: 100%; float: right; display: flex;} #service-section .owl-nav button{width:36px; position:absolute; display:flex; align-items: center; justify-content: center;;border:2px solid #ccc; color: #ccc;font-size: 27px; line-height: 0; padding: 15px 0 18px !important;border-radius: 50%;} #service-section .owl-nav button.owl-next{top:40%; right: -3.5rem;} #service-section .owl-nav button.owl-prev{top:40%; left: -3.5rem;} #service-section .owl-dot {display: inline-block;width:15px; height:12px; transition: 0.5s ease; background:#dbd9e6; border-radius:20px; margin:5px 5px} #service-section .owl-dot.active {background-color:var(--accentcolor);width: 30px;} .sbox{flex: 1 0 280px;} .sbox .image{width: 87%; margin: 0 auto -4.5rem; border-radius: 16px; overflow:hidden;position: relative;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;} .sbox .content{background: #fff; padding: 5.9rem 1.1rem 1.5rem; border-radius: 16px; text-align: center;} .sbox h3{text-transform: uppercase; } .sbox p{font-size: 16px} #gallery{text-align: center; margin-bottom:3.5rem;} #gallery .ngg-galleryoverview.default-view{margin-bottom: 0} #testimonials {text-align: center; margin-bottom:4.5rem;padding: 0 15px;} #cta-section {display: flex; align-items: center; gap:0.6rem; padding:0px 2rem; border-radius: 30px;position: relative;margin-bottom: -5rem;z-index: 2;margin-top: 5.6rem;box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;background-image: linear-gradient(169deg,#2D266C 50%,#4f42bd);} #cta-section:before{content:"";background:url(https://championscricketarena.com/wp-content/uploads/2026/01/Cube-Pattren.png) center; z-index:-1; opacity: 0.05; background-size:50%; position:absolute; top:0; left:0; right:0; bottom:0; } #cta-section .image{width: 220px;margin-top: -4rem;min-width: 220px;} #cta-section .image img{aspect-ratio: 6/6.5; object-fit: cover; object-position: top} #cta-section h2{font-size: 36px;color: #fff;} #cta-section p{color: #f1f1f1;} .call-btn:after{display:none !important} .call-btn{border:0;background:var(--accentcolor); min-width: max-content; padding:8px 22px;color:#000 !important;;font-size:1.25rem !important;font-weight:700 !important; clip-path: polygon(9% 0, 100% 0, 100% 75%, 91% 100%, 0 100%, 0 25%);display: flex;align-items: center;} .call-btn i{margin-right: 8px; } .fa-phone-num::before {content: "\f095";} .more-btn{background:var(--accentcolor);width:182px;font-size:18px;font-weight:700;color:#000;padding:10px 5px;line-height: 1;display: flex !important;align-items: center;gap: 3px;justify-content: center;clip-path: polygon(9% 0, 100% 0, 100% 75%, 91% 100%, 0 100%, 0 25%);height: 50px;text-transform: uppercase;transition:0.6s ease} .more-btn:hover{background: #101010;color: #fff !important;} .btn-primary{background:var(--accentcolor);width: fit-content;font-size:16px; margin:1rem auto 0; font-weight:700;color:#000;padding:10px 20px;line-height: 1;display: flex !important;align-items: center;gap: 3px;justify-content: center;clip-path: polygon(9% 0, 100% 0, 100% 75%, 91% 100%, 0 100%, 0 25%);height: 42px;text-transform: uppercase;transition:0.6s ease} .btn-primary:hover{filter: brightness(0.85);color:#000 !important;} #homeFrom{margin-bottom:0rem;} .home #homeFrom{margin-bottom:4.5rem;} #homeFrom h2{text-align: center;font-size: 31px; margin-bottom:1.2rem} #homeFrom .formWrap{ padding: 1.5rem 1.5rem 1.3rem; border-radius: 20px; background:var(--accentcolor); position:relative;margin-top:-5rem; z-index: 1;} #pagetitle {text-align: center;background:url(https://championscricketarena.com/wp-content/uploads/2026/01/pagetitle-img1.jpg) no-repeat center;color:#fff;background-size:cover;position: relative;width: 100%;padding: 14.3rem 0 4.1rem;position: relative; z-index:1} #pagetitle.service-banner{padding: 14.5rem 10px 10rem;} #pagetitle:before{content:'';position:absolute;top:0; left:0; right:0; bottom:0; background:#110D31E0; z-index: -1;} #pagetitle h1 {color:#ffff;text-align: center;text-transform: uppercase;font-weight: 700;font-family: var(--secondaryfont);margin-bottom: 0.8rem;font-size: 40px;} #pagetitle p {color:#fff;text-align: center;font-size: 20px;} .breadcrumb {list-style: none;border-radius: 4px;max-width: 100%;float: none;font-size: 14px;text-transform: uppercase;color: #f1f1f1;font-weight: 300;} .breadcrumb a:hover{color:var(--secondarycolor);} .breadcrumb a{color: #f1f1f1}a .breadcrumb>li {display: inline-block;} .breadcrumb>li+li:before {content: "\f101";padding: 0 5px;color: #f1f1f1;font-family:'Font Awesome 5 Free';font-weight:900} .post-typography{padding: 3.5rem 10px 0rem;} .post-typography :where(h1, h2 ,h3 , h4 , h5){margin-bottom: 0.4rem} .post-typography .uline{border-bottom:1px dashed #ccc; padding:5px 0;} .post-typography p{margin-bottom: 1.5rem;} .post-typography p+ul{margin-top: -10px;} .post-typography ul{margin: 0.8rem 0 0.5rem} .post-typography img{max-width: 100%;height: auto;} .page-id-124 .post-typography .ngg-galleryoverview.default-view{margin: 0 !important;} #intro .line{margin: 5px 0 15px 0} #intro .row{align-items: center;} .frame{clip-path: polygon(20% 0%, 86% 0, 100% 17%, 100% 80%, 100% 100%, 15% 100%, 0 86%, 0 0);image-rendering: smooth;filter: contrast(1.08);} .full-row { width: 99.335vw; position: relative; margin: 4rem 0 4rem; margin-left: -49.99vw; left: 50%; } #hellosection2 .line{margin:5px 0 15px 0} #hellosection2{background: #f1f1f1;} #hellosection2 .col-md-6:nth-child(1){padding: 0} #hellosection2 .col-md-6:nth-child(1) img{width: 100%; height: 100%;object-fit: cover;} #hellosection2 .col-md-6{padding: 0; display:flex; justify-content:center; flex-direction:column;} #hellosection2 .col-md-6:nth-child(2){padding: 3.5rem 2.5rem;} #hellosection2 img{width: 100%; margin: 0 auto} #hellosection2 .line{display:none} #hellosection2 h2{margin-bottom: 1.5rem} #booksection{text-align: center; padding-top: 3rem} .list{margin-bottom: 0; position: relative} .list:before{content: ""; position: absolute; top: 8px; bottom: 0; left: 13px; width: 4px; height: 100%;background: #f7f7f7;} .list li {list-style :none;padding: 0 0px 25px 2.5rem;/*! display: flex; */list-style-position: inside; align-items: baseline;position:relative;} .list li:before{color:#000 !important;content: "\f00c";font-family:'Font Awesome 5 Free';font-weight:900 ; display: flex;align-items: center; justify-content: center; border-radius: 50%;margin-right:0.6rem;background: var(--accentcolor); width: 28px; height: 28px; position:absolute;left:0rem;top:2px; font-size:13px; } .list li:nth-last-child(1){padding-bottom: 0;} #single-post .post-title{font-size:35px;color:var(--secondarycolor);font-weight:800;border-bottom: 1px solid #eee; text-transform: uppercase;display: block;margin-bottom: 1.5rem} #single-post .grid{display: grid; grid-template-columns: 70% auto;gap:2rem ;} #page-sidebar .grid{display: grid; grid-template-columns: 75% auto;gap:1rem ;} .border-form{margin: 0 auto; width: 40rem;width: 40rem; background: #f1f1f1; padding: 25px; border-radius:25px 15px; max-width:100%;} .xdsoft_timepicker{min-width:200px} #contactform .pickup-date p {width:100%;} #contactform .pickup-date p span {width:100%;display:block;} #contactform .pickup-date p span input {width:100%;display:block;-webkit-appearance: none; -moz-appearance: none;text-align:left!important;} #contactform .pickup-date p input::-webkit-date-and-time-value {text-align: left;width: 100%;} #contactform .pickup-date p input[type="date"] { display: block; text-align: left;} #contactform *{font-size: 15px;color:#595966;font-family: var(--secondaryfont)} #contactform p{margin-bottom: 5px } #contactform h3{font-size:26px;text-align: center;} #contactform i{font-size:26px;} #contactform h2{font-size: 20px;margin:0 0 15px;font-weight:bolder; text-align: center;color: #252525;text-transform: capitalize;} #contactform input , #contactform select , #contactform textarea{width: 100%;padding: 15px 20px;background: #fff;border: 1px solid #ccc; margin:6px 0; transition: 0.5s ease-in-out;-webkit-border-radius: 15px;border-radius: 10px;height: 48px;resize: none;} #contactform select{color:var(--primarycolor);color:#595966 !important;} #contactform textarea{width: 100%;height: 52px !important;} #contactform input:focus, #contactform textarea:focus, #contactform select:focus{outline:none; color:#000} ::-webkit-input-placeholder { color:#595966 !important;opacity: 1;} :-moz-placeholder { color:#595966 !important;opacity: 1;} ::-moz-placeholder { color:#595966 !important;opacity: 1;} :-ms-input-placeholder { color:#595966 !important;opacity: 1;} #contactform input.wpcf7-submit{background: #000;color: #fff;text-transform: uppercase;cursor: pointer;margin: 6px auto;display: flex;transition: 0.6s ease-in-out;-webkit-border-radius: 10px;border: none;align-items: center;padding: 0 60px;font-size: 17px;font-weight: 700;width: 100%;} #contactform input.wpcf7-submit:hover{background:#000;color: #fff;} #contactform .wpcf7-spinner{display: none} textarea, iframe{max-width: 100%;} .wpcf7-response-output{color:#595959 !important;background:tranparent !important;border:0px !important} #contactform .wpcf7-not-valid-tip {background: var(--secondarycolor) !important;} #babyseat p,#returnjourney p{width: 100%;display: flex;align-items:center} #contactform .wpcf7-radio{display: flex;} #contactform .wpcf7-list-item{display: flex} #contactform .wpcf7-list-item label{width: 100%;} #contactform .wpcf7-radio input{width:unset} .wpa-test-msg{display: none} .contact-box{width: 63rem; display: flex; flex-wrap:wrap;align-items: center;padding:3rem 1.5rem 2.8rem 0;margin: 0 auto;max-width:100%; background:#f1f1f1;border-radius: 12px;} .contact-box #contactform textarea{height: 100px !important;} .contact-box #contactform input.wpcf7-submit{width: fit-content; background:var(--accentcolor); padding: 0 35px; margin: 1rem auto 0; font-weight: 600;color: #000;} .contact-box h3{border-bottom: 0 !important; text-align: center;margin-bottom: 14px !important;font-size: 24px !important;font-weight: 400;} .contact-box p{color: #fff} .contact-box .line{margin: 0 0 15px} .contact-box p+ul{margin: 0} #info{background: var(--secondarycolor);padding: 20px;position: relative;left: -80px;margin-right: -69px;box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;border-radius: 13px;} #main #info p {color:#fff;} #info h2{font-size: 32px;margin:15px 0 0px !important;padding:0 0 10px 0;color:#fff;} #info li{color:#fff !important;margin:25px 10px; list-style:none;} #info a {color:#fff !important;} #info a:hover{color:var(--secondarycolor) !important} #info li i{margin-right: 10px;font-size:20px;color:var(--accentcolor); font-weight:600} #info h2:before{width: 100px !important; } .fa-building{font-weight: 800;} .fa-building:before { content: "\f1ad";} .fa-mobile-alt::before {content: "\f3cd";} #side-bar .side-item{background: #f1f1f1;border-radius:15px; overflow:hidden;position: sticky;top: 0.2rem;} #side-bar .side-item h3{text-align: center; font-size: 25px; background: var(--secondarycolor); padding: 0.8rem;border: none;margin-bottom: 0;color: #fff;} .side-item ul {padding: 0rem 1.5rem;} .side-item ul li {list-style :none;padding: 8px 0px 8px 2rem;/*! display: flex; */list-style-position: inside; align-items: baseline;position:relative; border-bottom:1px dashed #ccc; transition:0.5s ease; font-size: 17px;} .side-item ul li:hover {transform:translatex(10px)} #main .side-item ul li a{color: #fff ; text-transform: capitalize} .side-item ul li:before{color:var(--tertiarycolor);content: "\f7d9";font-family:'Font Awesome 5 Free';font-weight:900 ; margin-right:0.6rem; position:absolute;left:0rem;top:11px; font-size:16px; } .side-item ul li:last-child{padding-bottom: 0;border-bottom: 0;} .widget {padding: 0 1rem;} .widget h3 {border-bottom: 2px solid var(--primarycolor);text-transform: uppercase;padding: 0 0 1.2rem 0;} .widget ul li {display:flex;list-style-type:none;border-bottom: 1px dashed var(--primarycolor);margin: 0 0 0.8rem 0;} .main-widget img{width: 127px; max-width: 90%;margin: 0 auto 1rem;} .social{margin-top:0.5rem;} .social li{display:inline-flex !important;margin:10px 3px !important;} .social li img{width:40px;transition:0.6s ease-in-out} .social li:before{display:none} .social li a:hover{opacity:0.7} #bottom {position:relative;z-index:1; color:#fff;font-size: 16px;padding: 8.6rem 10px 0;background: var(--tertiarycolor);} #bottom .grid{display:grid; grid-template-columns:34% auto;gap: 0.5rem 3.5rem;} #bottom a {color: #fff;} #bottom a:hover {color:var(--accentcolor);} #bottom i {color: #fff;margin-right: 0px;} #bottom .widget h3 {border: none;text-align: left;color: #fff;font-size: 30px;} #bottom .widget li {border: none;text-decoration: none;color:#fff;list-style: none;} #bottom .main-widget{text-align: center} #bottom .footer-contact li{line-height:20px;display:flex;margin-bottom: 1.7rem !important;align-items: center;} #bottom .footer-contact li:before{font-family:'Font Awesome 5 Free';font-weight:900; color: #000;width: 30px;height: 30px;background: var(--accentcolor);border-radius: 50%;display: flex;justify-content: center;align-items: center;min-width: 30px;font-size: 15px;} #bottom .footer-contact .address:before {content: "\f3c5"; margin-right: 10px;} #bottom .footer-contact .phone:before {content: "\f879"; margin-right: 10px;transform: rotate(80deg);} #bottom .footer-contact .email:before {content: "\f0e0"; margin-right: 10px;} #floatbtn{position: fixed;right: 0;top: 50%;z-index:999;transform: translateY(-50%);} #floatbtn .more-btn{writing-mode: vertical-rl;border-radius:0;padding:29px 14px;margin:0; min-width: max-content; float: right;color:#fff;display:table !important;color:#000;font-family: var(--secondaryfont);font-weight:600;font-size: 16px;width: max-content;min-width: max-content;height: auto;clip-path: polygon(30% 0, 80% 0%, 100% 0, 100% 92%, 77% 100%, 20% 100%, 0 100%, 0 9%);} #floatbtn .more-btn:after{display:none} #floatbtn .more-btn:hover{background:var(--tertiarycolor);color: #fff !important;} .inner {width: 1170px;margin: 0 auto;max-width: 100%;} #footer {clear: both;background:transparent;color: #fff;padding:0 0 0.5rem;text-align: center;font-size:15px;margin-top: 1.1rem;} #footer a {color: #fff;} #footer a:hover {color:var(--accentcolor);} .fleft {float: left;} .fright {float: right;} .clear{clear: both} .phone-call {width: 50px;height: 50px;left: 20px;bottom: 20px;background:var(--accentcolor);position: fixed;text-align: center;color: #ffffff;cursor: pointer;border-radius: 50%;z-index: 999;display: inline-block;line-height: 65px;font-size: 1.6rem;line-height: 50px;animation: shake 1.8s linear infinite alternate;} .phone-call i{color:#000;} .phone-call:before {position: absolute;content: " ";z-index: -1;top: -15px;left: -15px;background-color:var(--accentcolor);width: 80px;height: 80px;border-radius: 100%;animation-fill-mode: both;-webkit-animation-fill-mode: both;opacity: 0.6;-webkit-animation: pulse 1s ease-out;animation: pulse 1.8s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;} .fa-phone-alt::before {content: "\f879";} @-webkit-keyframes pulse { 0% {-webkit-transform: scale(0);opacity: 0;} 25% { -webkit-transform: scale(0.3); opacity: 1; } 50% {-webkit-transform: scale(0.6);opacity: .6;} 75% {-webkit-transform: scale(0.9);opacity: .3;} 100% {-webkit-transform: scale(1);opacity: 0;} } @keyframes shake{ 50%{transform:scale(1.1)rotate(90deg)} } @keyframes pulse { 0% {transform: scale(0);opacity: 0;} 25% {transform: scale(0.3);opacity: 1;} 50% {transform: scale(0.6);opacity: .6;} 75% {transform: scale(0.9);opacity: .3;} 100% {transform: scale(1);opacity: 0;} } @media screen and (max-width: 981px) { body {min-width: 230px;} .inner {width: 100%;padding: 0%;} img.alignleft, img.alignright {float: none;display: block;margin: 10px auto;} .menu-toggle{display: block;color: var(--accentcolor);} .site-navbar{display: none;} .rev-row{flex-direction: column-reverse ; gap: 1.5rem;} .grid{grid-template-columns: 100% !important; } #rights-section .row{flex-direction: column; text-align: center} #wp-footer .main-widget{display: flex; flex-direction: column; justify-content: center; align-items:center; text-align: center;} .topbtn{display: flex !important; width: fit-content; margin: 1.2rem auto 0; justify-content: center;} .topbtn a{padding: 5px 25px !important;} #slider .subheading{margin: 0 auto 1rem} #about-section .row{gap: 2rem} #service-section {text-align: center} #service-section .dis{text-align: center} #service-section .owl-nav {display: none} #footer{margin-top: 2rem} #service-section .heading .col-md-4, #service-section .heading .col-md-8{padding: 0} #service-section .dis{margin-bottom: 2.2rem} .fleft, .fright {float: none;} #footer{margin-top: 0} #info{left: 0px;margin-right:0px;margin-bottom:30px;margin-top: -4.5rem;font-size: 15px;} .contact-box{padding:20px 10px;margin-top: 4rem;} .contact-box > .col-md-4{padding:0} #intro .row{flex-direction: column-reverse; gap: 1.5rem} #intro .col-md-6{padding: 0 5px} } @media screen and (min-width: 981px) { .menu-toggle{display:none;} .lgap{padding-left: 2rem !important;} .rgap{padding-right: 2rem !important;} #slider .text-box{padding-right: 20px;padding-bottom: 0rem;} #slider .col-md-6:nth-child(2){padding-left: 2.5rem;} #about-section .col-md-6:nth-child(2){padding-left:2.4rem;} #cta-section .content{padding:4px 4rem 0 2rem;} #intro .col-md-6:nth-child(1){padding-right: 1.8rem} } @media screen and (max-width: 800px) { .post-items{width: calc(100%/2 - 1rem) !important; } #wp-footer .widget{flex: 1 0 250px; max-width:100%; } } @media screen and (min-width: 800px) { #wp-footer .widget{flex: 1 0 180px; max-width:100%; } } @media screen and (max-width: 600px) { .wp-pagenavi span.pages, .wp-pagenavi a , .wp-pagenavi a.nextpostslink {padding: 0.3rem 0.6rem !important;} .wp-pagenavi span.current{padding:0.8rem} .column, .column3, .column4{column-count:1} #pagetitle h1{font-size: 35px;} #pagetitle .breadcrumb{font-size: 12px} h2{font-size:30px} #slider .text-box{text-align: center; padding-top:0.8rem;} #slider h1{font-size: 35px; margin-bottom: 1.2rem;} h2 , #contactpage h2{font-size: 30px;} #slider .dis{margin-bottom: 0;} #slider .more-btn{margin: 1.5rem auto 3rem} .subheading{font-size: 15px} .more-btn{font-size: 16px; padding: 5px 10px; height:43px;width: 165px;} #slider:before{background-size:200%;} #slider:after{background:linear-gradient(180deg, var(--tertiarycolor) 00%, transparent);} #about-section .float-num{font-size: 33px;} #about-section .image img:nth-child(2){margin-top: -4rem} h2, .home h2{font-size: 36px} .post-typography h2{font-size: 32px;} #about-section h2{font-size: 32px;} #service-section {text-align: center; padding:3.3rem 15px 3.5rem;overflow: hidden;} .sbox .image{width: 89%;} #featuers-section{padding: 3rem 20px 3.5rem} #gallery {padding:0 0.8rem ;} #gallery .ngg-galleryoverview.default-view{margin-top: 1.5rem} #gallery .ngg-gallery-thumbnail-box{width: calc(100%/2)} #cta-section {flex-direction: column; width:95%; margin: 1rem auto -8rem; text-align:center; padding:2rem 1rem 0; } #cta-section .image{margin: 0; order: 3; margin-top: 1.5rem} #cta-section .call-btn{margin-top: 0.8rem} .call-btn{height: 43px;} #bottom{padding-top: 11.5rem;} #bottom .widget{margin-bottom: 1.4rem;} #bottom .widget h3{margin-bottom: 0} #slider{margin-bottom: 7.8rem} #about-section, #testimonials{margin-bottom: 3.5rem} #featuers-section, #gallery{margin-bottom: 3rem} #slider .col-md-6:nth-child(2){padding: 0 15px} #hellosection2{margin-top:1.8rem; margin-bottom: 3.5rem } #hellosection2 .col-md-6:nth-child(2){padding: 2.5rem 0.8em;} #hellosection2 h2{margin-bottom: 0.9rem} #pagetitle{padding: 10.3rem 10px 2.7rem;} #pagetitle h1{font-size: 30px} .post-typography{padding: 3.5rem 10px 0.5rem;} .contact-box > .col-md-8{padding: 0} } @media (min-width: 600px) and (max-width: 1200px){ #bottom .col-md-4{width: 33%;float: left;} #slider .text-box{text-align: center; padding-top:0.5rem;} #slider h1{font-size: 38px; margin-bottom: 1.2rem} h2{font-size: 35px;} #slider .more-btn{margin: 1.5rem auto 3rem} #cta-section{padding: 2rem 1.8rem} #cta-section .image{display: none !important;} }