/*
Theme Name: cosphones
Description: Custom Theme for CosPhones.com
Version: 1.0
Author: XLNC Digital
Author URI: https://xlncdigital.com

*/

:root {
  --text-color: rgba(0,0,0,0.7);
  --text-dark: #000;
  --heading: #19352D;
  --color-one: #f8d147;
  --color-two: #29594B;
  --color-three: #0C3A30;
  --color-four: #E6FD5A;
  --color-five: #0E3E2F;
  --color-six: #DFFF5E;
  --color-seven: #044F3B;
  --color-eight: #1F5E59;
  --color-nine: #D0FF45;
  --color-ten: #144D41;
  --color-eleven: #FFDB1E;
  --light-bg-one: #e9f3fb;
  --light-bg-two: #EDF1EE;
  --cyan: #DCEFF0;
}


::-webkit-scrollbar{ width: 5px; }
::-webkit-scrollbar-track { background: #fff;}
::-webkit-scrollbar-thumb { background: #060c19; border-radius: 0;}

header:before {
    background: rgba(00, 0, 0, .25);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bg-light-one,
.blog-sidebar .contact-banner,
.blog-sidebar .blog-keyword ul li a{
background:var(--light-bg-one)!important;
}

.fancy-banner-one:after{
	background:var(--color-one);
}

.block-feature-one:before{
	bottom:0;
	background:var(--light-bg-one);
}

.btn-one,
.card-style-two:hover,
.text-feature-one .media-list-item li:before,
.block-feature-three .round-btn:hover,
.block-feature-three .block-four .round-btn:hover,
.hero-banner-one .more-btn:hover,
.card-style-one:hover .icon,
.card-style-seventeen:hover,
.fancy-banner-seven .bg-wrapper li:before,
.blog-meta-two .post-data .round-btn:hover,
.address-block-one .icon,
.card-style-twenty .icon,
.blog-details .post-details-meta .quote-wrapper .wrapper .icon,
.blog-sidebar .contact-banner a:hover{
	background-color:#f8d147;
	    border-color: #f8d147;
}

.blog-sidebar .blog-keyword ul li a:hover{
		background-color:#f8d147!important;
}

.blog-sidebar .sidebar-search button{
		background-color:#f8d147;
}

.pagination-one ul li:not(:last-child) a.active, .pagination-one ul li:not(:last-child) a:hover, .pagination-one ul li:not(:last-child) a:focus{
	background-color:#f8d147;
}

.blog-sidebar .sidebar-search button:hover{
	background-color:#060c19;
	color:#fff!important;
}

.footer-one .social-icon a:hover{
	background-color:#f8d147;
	color:#060c19;
}

.theme-main-menu.white-vr .nav-item:hover .nav-link{
	color:#f8d147;
}

.form-style-one .input-group-meta select{
	    width: 100%;
    max-width: 100%;
    border: none;
    border-radius: 8px;
    background: #fff;
    font-size: 18px;
}

.form-style-one .input-group-meta select{
	    height: 60px;
    padding: 0 20px;
}

.btn-two:hover{
	background-color:#f8d147;
	    border-color: #f8d147;
	color:#060c19;
}

.form-style-one .btn-four{
	    text-transform: capitalize;
}

.btn-five .icon{
	background:#2f6ec7;
}

.btn-two,
.btn-four{
	background-color:#060c19;
	color:#f8d147;
	border:none;
}

.theme-main-menu.fixed{
	padding: 18px 40px;
}

.block-feature-three .block-three{
	background-color:#f8d147;
}

.block-feature-three:before,
.blog-section-one:before{
		background:var(--light-bg-one);
}

.blog-section-one:before{
    bottom: -15%;
}

.text-feature-one .media-list-item li:after,
.address-block-one p .webaddress,
.address-block-one p .call{
	color:#060c19;
}

.text-blue,
.accordion-style-one .accordion-item .accordion-button{
	color:#060c19;
}


.footer-one,
.theme-main-menu.white-vr.fixed,
.navbar-collapse.show,
.card-style-sixteen:hover .icon,
.fancy-banner-seven .bg-wrapper li:hover:before,
.card-style-six .icon{
 	background-color:#060c19;
}
.fancy-banner-seven .bg-wrapper li:hover:after{
	color:#fff!important;
}
.card-style-sixteen .icon, .card-style-sixteen:hover .icon { background:none; }

.card-style-sixteen .icon img,
.card-style-twenty .icon img{

	max-width:50px;
}


.card-style-sixteen:hover .icon img,
.card-style-twenty .icon img{
	    filter: brightness(0) invert(0);
}


.block-feature-three .round-btn{
	    color: #060c19;
	    border: 1px solid #060c19;
}

.btn-four:hover{
	background-color:#f8d147;
}

.btn-six:hover,
.block-feature-three .block-three .round-btn:hover{
	background-color:#060c19;
	    border-color: #060c19;
    color: #f8d147;
}

.btn-one:hover{
	background-color:#fff;
	color:#060c19;
}

.btn-six{
	    color: #060c19;
    border: 1px solid #060c19;
}

.card-style-four .media:before{
	background-color:rgba(6, 12, 25, 0.7);
}

.btn-five:hover .icon,
.scroll-top,
.blog-meta-one:hover .round-btn,
.card-style-four .round-btn:hover{
	background:#f8d147;
}

.h1, h1{
	     font-size: 72px;
}

.fancy-banner-one h2{
	    font-size: 37px;
}

.text-feature-one .media-list-item{
	  
	    width: 650px;
}
.text-feature-one .media-list-item:before{
	    width: 95%;
    height: 50%;
    left: 17px;
    border-radius: 0 0 12px 12px;
}

.title-one .upper-title,
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6{
	color:#060c19;
}

.btn-two:hover .icon{
	    filter: brightness(0);
}


.card-style-two:hover .icon{
	    filter: brightness(0);
}

.block-feature-three .block-one::before,
.block-feature-three .block-four::before{
	    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background:linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 40%);
	border-radius: 30px;
}

.block-feature-three .block-one,
.block-feature-three .block-four{
	position:relative;
}

.z-index,
.block-feature-three .block-four .round-btn,
.block-feature-three .block-four p{
	z-index:11;
}

.block-feature-three .block-one{
	background: url(/wp-content/uploads/2025/08/image-2510.png) no-repeat center;
	    border-radius: 30px;
	
}
.block-feature-three .block-two .img-wrapper{
	background: url(/wp-content/uploads/2025/08/Mask-group.png) no-repeat center;
	background-size:cover;
}
.block-feature-three .block-four{
	    background: url(/wp-content/uploads/2025/08/image-2511.png) no-repeat center;
	background-size:cover;
	 border-radius: 30px;
	height:390px;
}

.btn-five .text,
.partner-logo-one p,
.partner-logo-one .fs-3{
	    font-size: 32px;
}

.footer-intro p{
		font-size:24px;
}

.footer-one .social-icon a,
.text-feature-one .media-list-item li:hover:before{
	background-color:#1f2430;
}

.theme-main-menu .navbar-toggler{
	background:none;
}
.theme-main-menu .navbar-toggler::before, .theme-main-menu .navbar-toggler::after,
.theme-main-menu .navbar-toggler span{
	background-color:#fff;
}

.theme-main-menu.fixed {
    padding: 18px 30px;
}

.rotate-180{
	    rotate: 180deg;
}

.font-32{
	    font-size: 30px !important;
    line-height: 42px;
    font-weight: 600;
}

.card-style-fifteen.advisory{
	    height: 250px;
}

.team-section-three:before{
	    background-image:none;
	
}

.team-details .bg-wrapper .social-share li a,
.ctn-preloader .txt-loading .letters-loading::before{
	color:#060c19;
}

.team-section-one .card-style-four .media:before{
	background:none;
}


.team-section-one .card-style-four .round-btn{
	display:none!important;
}

.card-style-seventeen{
	    height: 310px;
}

.block-feature-eleven .slider-wrapper .slick-dots{
	    bottom: -50px;
    left: 0px;
}


.fancy-banner-seven.COS .bg-wrapper{
	background-image:none;
}
.fancy-banner-seven.COS .bg-wrapper:before,
.fancy-banner-seven.COS .bg-wrapper:after{
	background:none;
}

.fancy-banner-seven.COS .bg-wrapper li{
	    border: 1px solid rgba(0,0,0,0.1);
}

.card-style-six{
	    background: #e9f3fb!important;
}

.inner-banner-one::before{
	    background: linear-gradient(0deg, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0) 100%);
	    height: 100%;
}
.inner-banner-one .hero-heading{
	color:#fff!important;
}

.partner-logo-one .logo img{
	width:130px;
}

.single-page h2 { font-size:36px; }

@media (max-width: 1280px) and (min-width: 1201px) {
	.theme-main-menu .nav-item .nav-link{
		    margin: 0 20px;
	}
	    .btn-five .icon {
        width: 30px!important;
        height: 30px!important;
        font-size: 16px!important;
        margin-left: 8px!important;
        line-height: 25px!important;
    }
}
.bg-lb { /*background:#e9f3fb;*/ border-top:1px solid #e1e1e1; }
.card-style-six .icon { background:none;}
/*.hero-banner-one .hero-heading { background-image:url('/wp-content/uploads/2025/09/shape_01.svg');*/
.hero-banner-one .hero-heading { background-image:none; } 
.hero-banner-one .hero-heading { padding:20px 31px 30px 25px; }
.card-style-twenty .icon { background:none;} 
.card-style-twenty .icon img{ filter:none;}

.address-block-one img { filter:invert(0) brightness(0);}
.blog-meta-two .post-img{
		height: 350px;
	    background-position: top center;
}

@media (max-width: 1025px) and (min-width: 992px) {
	    .theme-main-menu .nav-item .nav-link {
        margin: 0px 10px!important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
	.inner-banner-one .hero-heading{
		background:none!important;
	}
}

@media screen and (max-width: 767px) {
	.top-header .logo img{
		height: 56px; width: auto; margin: 5px 0;
	}
	    .btn-five .icon {
        width: 30px!important;
        height: 30px!important;
        font-size: 16px!important;
        margin-left: 8px!important;
        line-height: 25px!important;
    }
	.blog-section-one:before {
    bottom: -10%;
}
	.inner-banner-one .hero-heading{
		background:none!important;
	}
	
}

@media screen and (max-width: 360px) {
    .h1,
    h1 {
        font-size: 36px!important;
    }
	.single-page h2 { font-size:30px; }
}

.blog-meta-one .post-img .round-btn{
	    border: 1px solid #f8d147;
}

.hero-banner-one .hero-heading { padding:0 !important; font-size:72px !important;  }
.hero-banner-one .hero-heading span { background:#fff;   padding:15px; margin-bottom:-20px; position:relative; display:inline-block; }
.hero-banner-one .hero-heading span:nth-child(1){ border-radius:20px 20px 0 0;}
.hero-banner-one .hero-heading span:nth-child(2){ border-radius:0px 20px 20px 0;}
.hero-banner-one .hero-heading span:nth-child(3){ border-radius:0px 0px 20px 20px;}
.hero-banner-one .hero-heading span:nth-child(1):after {
    background: url(https://cosphones.com/wp-content/uploads/2025/09/cut.png);
    content: '';
    background-size: 100%;
    height: 20px;
    width: 20px;
    right: -19px;
    bottom: 14px;
    display: block;
    position: absolute;
    z-index: 1;
    transform: rotate(-90deg);
}

.hero-banner-one .hero-heading span:nth-child(3):after {
    background: url(https://cosphones.com/wp-content/uploads/2025/09/cut.png);
    content: '';
    background-size: 100%;
    height: 20px;
    width: 20px;
    right: -19px;
    top: 14px;
    display: block;
    position: absolute;
    z-index: 1;
    transform: rotate(0deg);
}
@media screen and (min-width: 1024px) and (max-width: 1440px)  { 
	.hero-banner-one .hero-heading  { zoom:0.9;}
} 

@media screen and  (max-width: 1023px)  { 
	.hero-banner-one .hero-heading  { zoom:0.6;}
}