/* 
Author: Clear software
Date: November 28, 2024
Description: This is the main CSS file for styling the project.
*/

*{
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

:root {
    --redColor:#D10000;
    --blackcolor:#000;
    --whtcolor:#fff;
    --gray-bg-color:#EEEEEE;
  }
html{overflow-x: hidden;}
body{padding: 0; margin: 0; font-family:"Inter", sans-serif; font-weight: 400;overflow-x: hidden; }
body.overflow-off { overflow: hidden; } 

ul{list-style: none; padding: 0; margin: 0;}
a{transition: all .2s ease; text-decoration: none;}

@keyframes btn1{
0%{transform: translateY(0px);}
50%{transform: translateY(-50px);}
51%{transform: translateY(50px);}
100%{transform: translateY(0px);}
}
.bg-black{background: var(--blackcolor);}
.bg-gray{background: #F2F2F2;}
p{color: #0E0E0E; font-size: 16px; font-weight: 300; line-height: 1.5;}
button.btn.btn-transaparent{border: 1px solid black; border-radius: 5px;}
a.black span{color: #000 !important;}
button.btn.btn-dark a span{color: white;}
a.white span{color: white !important;}
a.light span{color: black !important;}
strong{font-weight: 600 !important;}

/*:::::::::::::::::::::::::::::::::::::::: Header :::::::::::::::::::::::::::::::::::::*/

.header{padding: 16px 20px; position: relative; top: 0; transition: transform 0.4s cubic-bezier(.25,0,.4,1); z-index: 999;}
.header .header-list-wrap{display: flex; align-items: center; flex-wrap: wrap;justify-content: space-between; }
.header .header-navmenu ul{display: flex; align-items: center; justify-content: end; flex-wrap: wrap; } 
.header .header-navmenu ul li{margin: 0 10px; } 
.header .header-navmenu ul li a:not(.btn-primaryx){font-size: 16px; padding: 0 5px; color:var(--blackcolor); font-weight: 300;  position: relative; }
.header .header-navmenu ul li:not(:last-child) a::before{ content: ""; width: 100%; height: 2px; position: absolute; left: 0; bottom: -7px; background: var(--whtcolor); transition: 0.5s transform ease; transform: scale3d(0,1,1); transform-origin: 100% 50%; }  
.header .header-navmenu ul li a:hover::before{ background: var(--whtcolor); transform: scale3d(1,1,1); transform-origin: 0 50%; }
.header .header-navmenu ul li:last-child{margin-right: 0;}
.header.headerFix { animation: smoothScroll .2s linear; position: fixed; left: 0; right: 0; top: 0;background-color: white; box-shadow: 0 3px 10px 5px rgba(0, 0, 0, .06); }

@keyframes smoothScroll {
	0% { transform: translateY(-100%);}
	100% { transform: translateY(0px);}
} 

/*::::::::::::::::::::::::::::::::::::::: Sub-menu :::::::::::::::::::::::::::::::::::::;*/

.toggle-btn { width: 32px; height: 32px; line-height: 32px; display: flex; justify-content: center; align-items: center; font-size: 20px; color: var(--blackcolor); background: var(--whtcolor); border: 1px solid var(--whtcolor); transition: 0.3s; -webkit-transition: 0.3s; border-radius: 50px; outline: none ; }
.nav-close-btn{ width: 32px; height: 32px; line-height: 32px; display: flex; justify-content: center; align-items: center; font-size: 20px; color: var(--whtcolor); background: var(--blackcolor); border: 1px solid var(--blackcolor); transition: 0.3s; -webkit-transition: 0.3s; border-radius: 50px; outline: none ; }

.xphone-submenu{ background: #F2F2F2; padding: 15px 20px;}
.xphone-submenu ul{ display: flex; align-items: center; justify-content: end; flex-wrap: wrap;}
.xphone-submenu ul li a{ font-size: 14px; color: var(--blackcolor); font-weight: 300; padding: 0.5vw; margin: 0 5px;    position: relative; display: block;}
.xphone-submenu .toggle-xphone-submenu { background: #F2F2F2; padding: 10px; text-align: center; font-size: 14px; font-weight: 500; position: relative;  display: none;} 
.xphone-submenu .toggle-xphone-submenu i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); }
.xphone-submenu ul li a:before { content: ""; width: 100%; height: 2px; position: absolute; left: 0; bottom: -7px; background: var(--whtcolor); transition: 0.5s transform ease; transform: scale3d(0,1,1); transform-origin: 100% 50%; } 
.xphone-submenu ul li a:hover::before { background: var(--whtcolor); transform: scale3d(1,1,1); transform-origin: 0 50%; }

/*::::::::::::::::::::::::::::::::::::::: Footer ::::::::::::::::::::::::::::::::::::::::*/

.footer{ padding: 20px 0 5px;  background: var(--whtcolor);}
.footer .footer-menu{ display: flex; align-items: center; justify-content: end; flex-wrap: wrap;}
.footer .footer-menu li{ width: 20%;margin: 5px 0;}
.footer .footer-menu li a{ font-size: 16px; color: var(--blackcolor); font-weight: 500; padding: 5px 0; display: block; line-height: normal;}
.footer .footer-menu li:last-child a{ padding-right:0; margin-right: 0;} 
.footer .footer-menu li a:hover{ opacity: 0.7;}
.footer .clearsites-list { border-top: solid 1px #CECECE; border-bottom: solid 1px #CECECE; padding: 11px 0; margin-top: 30px; }
.footer .clearsites-list ul{ display: flex; align-items: center;justify-content: space-between; gap: 5px;}
.footer .clearsites-list ul li a{ font-size: 12px; color: var(--blackcolor); padding: 5px 4px; line-height: normal; display: inline-block; font-weight: 500;} 
.footer .clearsites-list ul li:first-child a { font-size: 16px; padding: 5px 10px 5px 0; border-right: solid 1px var(--blackcolor); color: var(--blackcolor); } 
.footer .copyright { padding: 15px 0; } 
.footer .copyright p { font-size: 14px; margin-bottom: 0;} 
.footer .copyright p a{ color: var(--blackcolor);}
.footer .social-ul { margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap;}
.footer .social-ul li a { color: #000; padding: 5px 10px; font-size: 18px;  }
.footer .footer-payment-icon .icon { display: flex; align-items: center; justify-content: end;} 
.footer .footer-payment-icon .icon div { margin: 0 1.5px;} 
.footer .footer-payment-icon .icon div img { max-width: 35px;}

/*:::::::::::::::::::::::::::::::::::::: Other-pages ::::::::::::::::::::::::::::::::::::::::*/
.price1 h3{font-weight: 600;}
.price2 h3{font-weight: 600;}
.stay-connected, .why-rsvp, .features, .reserve{border-radius: 10px;}
.phone-specs-section p { text-align: left;}
.phone-specs-section p strong { display: block; font-weight: 700;}
.container.gap{ padding: 0 200px;}
.container.space{ padding: 0 70px;}
.subscription-offer{ background-color: #F2F2F2;}
.two_options ul{ display: flex; align-items: center; justify-content: flex-start;}
.two_options ul li.phone { border-bottom: 2px solid black; list-style: none; padding: 8px 0; padding-right: 40px; padding-left: 10px;}
.two_options ul li.automobiles { border-bottom: 2px solid rgb(163, 162, 162); color: rgb(163, 162, 162); list-style: none; padding: 8px 25px;}
.description{ border-bottom: 1px solid black; padding: 15px 0;}
.description-details button.btn.btn-dark{ width: 100%;}
.description-details h5{font-weight: 700;}
.description-details h6{font-weight: 600;}
.description-details ul li{list-style-type: disc;}
.description-details ul li::marker{font-size: 25px;}
.description-details ul{padding-left: 20px;}
.dollar {font-size: 20px !important;vertical-align: top; position: relative;top: -0.3em; margin-right: 0.1em;}
.currency {position: relative;}
.stars {font-size: 0.6em !important;position: absolute; font-weight: 500 !important;}
.seamless-boxes{display: flex; justify-content: space-between; align-items: center; margin-top: 50px;}
.seamlessbx img{height: 50px;}
.buttons{display: flex; justify-content: center; align-items: center; gap: 20px; width: 70%;margin: auto;}
button.btn-blank{border: 0; color: #959393; border-radius: 5px; font-size: 15px; background-color: transparent;}
button.btn-blank span{font-size: 10px; color: #959393;display: block !important;}
.description h3 span{font-size: 14px; font-weight: 700; }
.description h3{font-weight: 800;}
.subscription-bx{ border-bottom: 1px solid black !important;}
.subscription-text p{font-size: 12px !important;}
.subscription-text p span{ text-decoration: underline;}
.box{ display: flex; justify-content: flex-start; gap: 10px; padding-left: 50px;}
.photography{ background-color: #070707;}
.photography img{ height: 400px;}
.x-connect{ width: 100%; background: url(../images/x-phone-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}
.ratio-section{ height: 800px; width: 100%; background: url(../images/ratio.png); background-position: center; background-repeat: no-repeat; background-size: cover;}
.licence-plate{ background-color: #F2F2F2;}
.ratio-division{display: flex; justify-content: center; align-items: center;gap: 100px;}
.register-bg{ height: 680px; width: 100%; background: url(../images/vehicle.png); background-position: center; background-repeat: no-repeat; background-size: cover;}
.vehicle{ padding: 2rem 0;}
.digital-freedom{ background-color: #F2F2F2;}
.phone-text h3{ font-weight: 300;}
.amount{ display: flex; justify-content: flex-start; align-items: center; gap: 20px;}
.tesla-phone-325 button.btn.btn-transparent{ border: 1px solid black; border-radius: 5px; width: 40%;}
.tesla-phone-325 button.btn.btn-dark{ width: 40%;}
.x-connect-image img{ height: 545px; margin-top: 9.8rem;}
.pay-wrapper{ overflow: hidden; height:90vh;} 
.pay-wrapper .container{ position: relative; height:90vh; } 
.pay-wrapper .same-title-pay{ padding-top: 27vw; position: relative; z-index: 1;}
.same-title-pay p{padding: 10px 100px;}
.pay-wrapper .top-hand-img-box { position: absolute; left: 6vw; top: 0; width: 100%; max-width: 45vw; overflow: hidden; }
.pay-wrapper .top-hand-img-box img { position: relative; top: -15vw; } 
.pay-wrapper .bottom-hand-img-box { position: absolute; right: 15vw; bottom: 0; width: 100%; max-width: 43vw; overflow: hidden; }
.pay-wrapper .bottom-hand-img-box img{ position: relative; bottom: -13vw;} 
.tesla-bg-section{ height: auto; width: 100%; background: url(../images/tesla-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover;}
.para{ border-left: 2px solid rgb(170, 169, 169);}
.stay-connected{ max-height: 600px; min-height: 600px;}
.reserve{ max-height: 600px; min-height: 600px;}
.container.gap{padding: 0 150px;}
.slide2 img{min-height: 420px; max-height: 420px; padding: 20px;}
.decentralised-part{background-color: #F2F2F2; display: flex; justify-content: space-between; align-items: center;min-height: 450px; max-height: 450px;}
.section1-para{border-left: 3px solid black; padding: 0 20px; text-align: left !important; margin-bottom: 1.5rem;}
.tesla-life-slide{ display: flex; justify-content: space-between; align-items: center; min-height: 450px; max-height: 450px;}
.icons-slide img{height: 50px;}
.icons-slide{display: flex; justify-content: flex-start;align-items: center;gap: 10px;}
.icons img{height: 65px;}

.network-wrapper{background: url(../images/terrestrial-bg.jpg) no-repeat center center / cover; overflow: hidden;  z-index: 2; position: relative;}
.network-wrapper .img-box{ width: 100%; max-width: 50%; margin-left: auto; }
.network-wrapper .same-title{padding-top: 40px;}

.all-services-section { position: relative; } 
.all-services-section .all-services-outer { width: 100%; max-width:700px; height:700px; background: #fff; border-radius: 50%; margin:50px auto 70px; position: relative; animation: pulse1 2s infinite; }
.all-services-section .all-services-ul { display: block; text-align: center; }
.all-services-section .all-services-ul li { max-width: 95px; position: absolute; }
.all-services-section .all-services-ul li a{cursor: pointer;}
.all-services-section .all-services-ul li p { font-size: 16px; color: var(--blackcolor); margin-top: 5px; font-weight: 500; }
.all-services-section .all-services-icon { width: 92px; height: 92px; background: #fff; border-radius: 50%; box-shadow: 0 0 20px 1px rgba(0, 0, 0, .1); text-align: center; line-height: 92px; }
.all-services-section .all-services-ul li:nth-child(1) { left: 50%; top: -6%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.all-services-section .all-services-ul li:nth-child(2) { right: 20%; top: 1%}
.all-services-section .all-services-ul li:nth-child(3) { top: 17%; right: 3%}
.all-services-section .all-services-ul li:nth-child(4) { top: 40%; right: -5%} 
.all-services-section .all-services-ul li:nth-child(5) { bottom: 19%; right: -1%}
.all-services-section .all-services-ul li:nth-child(6) { bottom: -13px; right: 17%}
.all-services-section .all-services-ul li:nth-child(7) { bottom: -10%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.all-services-section .all-services-ul li:nth-child(8) { bottom: -13px; left: 17%}
.all-services-section .all-services-ul li:nth-child(9) { bottom: 19%; left: -1%}
.all-services-section .all-services-ul li:nth-child(10) { top: 40%; left: -5%} 
.all-services-section .all-services-ul li:nth-child(11) { top: 17%; left: 3%}
.all-services-section .all-services-ul li:nth-child(12) { left: 20%; top: 1%; }
.all-services-section .all-services-phn-img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 100%; max-width: 40%; }

@keyframes pulse1 {
0% {box-shadow: 0 0 0 0 rgba(255, 255, 255, .75), 0 0 0 0 rgba(255, 255, 255, .65);}
70% {box-shadow: 0 0 0 40px rgba(255, 255, 255, 0), 0 0 0 80px rgba(255, 255, 255, 0);}
100% {box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 0 rgba(255, 255, 255, 0);}
}

.xlife-secure-wrap .banner-download-btn{margin-top: 30px;}
.xlife-secure-wrap .xlife-btns li a{border-color: var(--blackcolor); background: var(--whtcolor); color: var(--blackcolor);}

.certificate-decentralize-wrap .certificate-screen { width: 100%; max-width: 240px; margin: 0 auto; } 
.certificate-decentralize-wrap .certificate-screen .iphone-mockup { position: relative; z-index: 5; } 
.certificate-decentralize-wrap .certificate-screen .dm-device { position: relative; width: 100%; padding-bottom: 151.477897%; } 
.certificate-decentralize-wrap .certificate-screen .device { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; -webkit-background-size: 100% 100%; background: url(../images/tesla-phone-frame.png)no-repeat; background-size: 100%; background-position: top center; }
.certificate-decentralize-wrap .certificate-screen .screen { overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; max-width: 70%; margin: auto; }
.certificate-decentralize-wrap .certificate-screen .slider { height: 100%; }
.certificate-decentralize-wrap .certificate-screen .slider div { height: 100%; } 
.certificate-decentralize-wrap .certificate-screen .slider div img { width: 100%; height: 100%; object-fit: contain; } 

.video-autoplay-modal .modal-dialog {max-width: 700px; }
.video-autoplay-modal .modal-content { border: 7px solid #fff; background: var(--blackcolor); }
.video-autoplay-modal .btn-close { position: absolute; width: 35px; height: 35px; font-size: 16px; border-radius: 50%; background: var(--blackcolor); color: var(--whtcolor); z-index: 1; opacity: 1; text-align: center; line-height: 35px; right: -18px; top: -18px; transition: .2s; -webkit-transition: .2s; padding: 0; border: solid 2px #fff; }
.video-autoplay-modal .modal-body { padding: 0; } 
.video-autoplay-modal video, .video-autoplay-modal iframe { width: 100%; max-width: 100%; display: block; min-height: 400px; }

/* phone inner page css */

.phone-banner .phone-logo{ width:100%; max-width: 105px; height: 105px;line-height: 105px; border-radius: 12px; background: #fff; text-align: center;  box-shadow: 0 0 20px 8px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 20px 8px rgba(0, 0, 0, .1); margin-bottom: 20px; display: inline-block;}
.phone-banner .phone-logo img { max-width: 95px; max-height: 74px; width: auto; }

.os-video-section .img-box{height: 600px; display: flex; position: relative;  }
.os-video-section .img-box:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8); }
.os-video-section .img-box img{width: 100%; height: 100%; object-fit: cover;}
.os-video-section .same-title{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.os-video-section .video-play-icon{margin-top: 30px; display: block;}
.video-play-icon{cursor: pointer;}

.breach-protection-section{background: url(../images/phone/clearid-data-protection-bg.jpg)no-repeat center bottom/cover; }

.checkout-hacks-bx-outer { max-width: 674px; margin: 60px auto 30px; }
.checkout-hacks-bx-outer .input-group { border-radius: 5px; background: #fff; padding: 14px 15px; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.checkout-hacks-bx-outer .input-group-append, .checkout-hacks-bx-outer .input-group-prepend {    align-items: center; display: flex; } 
.checkout-hacks-bx-outer .input-group-prepend { width: 40px; text-align: center; justify-content: center; color: var(--blackcolor);} 
.checkout-hacks-bx-outer .input-group .form-control {    font-size: 14px;  font-weight: 600; text-transform: capitalize; height: auto; border: none; padding-left: 0; background: var(--whtcolor); }
.checkout-hacks-bx-outer .input-group .form-control:focus{outline: none !important; box-shadow: none !important;}

.breach-protection-section .privacy-info{width: 100%; max-width: 450px; margin: auto;}
.protection-identity-wrap{background: url(../images/phone/clearid-identity-theft-img.png)no-repeat bottom right 5% #f1f1f1; background-size: 40%;}

.stay-secure-cleargm .why-data-row{ background: var(--whtcolor); padding: 15px 50px; position: relative;  display: flex; align-items: center; align-content: center; flex: 0 0 100%; flex-flow: wrap; border-radius: 100px; text-align: left; box-shadow: 0 0 10px 6px rgba(0,0,0,.05); margin-bottom: 30px;}
.stay-secure-cleargm .why-data-row p {margin-bottom: 5px;}
.stay-secure-cleargm .why-data-row p + p{margin-bottom: 0;}

.stay-secure-cleargm .why-data-row .icon-bx{ position: absolute; left: -24px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background: var(--blackcolor); width: 64px; height: 64px; text-align: center; line-height: 64px; border-radius: 50%; }
.stay-secure-cleargm .why-data-row .icon-bx img{filter:invert(1) brightness(9.5)}
.stay-secure-cleargm .why-data-mid-img { margin: -15px -139px 0; position: relative; z-index: 1; }
.stay-secure-cleargm .why-data-align-right {  justify-content: flex-end; text-align: end;  }
.stay-secure-cleargm .why-data-align-right .icon-bx { left: auto; right: -24px; } 

.internet-experience-wrap .resources-bx{text-align: center;}
.internet-experience-wrap .resources-bx .iconbx{width: 100%; max-width: 60px; margin: 0 auto 30px;}
.internet-experience-wrap .resources-bx h3{ font-weight: 600; font-size: 20px; color: var(--blackcolor); line-height: normal;}

.cleargm-matters-wrap .video-img-box{position: relative; }
.cleargm-matters-wrap .video-img-box .video-play-iconx{position: absolute; cursor: pointer; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.clearweb-speed-img {background: var(--gray-bg-color); max-width: 780px; margin: 0 auto; padding: 3rem 1.5rem;}
.clearweb-small-txt p{font-size: 14px;     margin-top: 20px;}

.phone-card{background: var(--whtcolor); padding: 2rem; border: solid 1px var(--whtcolor);    border-radius: 10px;    text-align: center; }
.phone-card p{margin-bottom: 0; }

.clearweb-work-section .phone-card{ position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.clearweb-work-section .phone-card:before { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 100%; background-color: var(--blackcolor); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -17px; } 
.clearweb-work-section .phone-card:after { content: ""; position: absolute; width: 40px; height: 2px; background-color: var(--blackcolor); top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: -40px; } 
.clearweb-work-section .phone-card.down-line:before { top: inherit; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -51px; } 
.clearweb-work-section .phone-card.down-line:after { width: 2px; height: 50px; top: inherit; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -51px; }
.clearweb-work-section .clearweb-work-list-line { position: relative; background-color: var(--blackcolor);width:100%; max-width: 52%; height: 2px; margin:3rem auto 3rem 30%; } 
.clearweb-work-section .clearweb-work-list-line .top-lineicon{position: absolute; right: 0; top: 3px;}
.clearweb-work-section .clearweb-work-list-line .bottom-lineicon{position: absolute; bottom: 3px;    left: 0;}

.clearweb-work-section .clearweb-work-list-line .bottom-lineicon:before{ content: ""; position: absolute; width: 10px; height: 10px; border-radius: 100%; background-color: var(--blackcolor); bottom: -51px; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%;} 
.clearweb-work-section .clearweb-work-list-line .bottom-lineicon::after{ content: ""; position: absolute; width: 2px; height: 50px; background-color: var(--blackcolor); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -51px; } 
.clearweb-work-section .clearweb-work-list-line .top-lineicon:before{ content: ""; position: absolute; width: 10px; height: 10px; border-radius: 100%; background-color: var(--blackcolor); top: -51px; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%;} 
.clearweb-work-section .clearweb-work-list-line .top-lineicon::after{ content: ""; position: absolute; width: 2px; height: 50px; background-color: var(--blackcolor); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); top: -51px; } 
.clearweb-work-section .phone-card.left-line:before,.clearweb-work-section .phone-card.left-line::after,.clearweb-work-section .phone-card.down-line:before,.clearweb-work-section .phone-card.down-line:after{display: none;}
.video-with-playicon{position: relative;}
.video-with-playicon img{border-radius: 15px;}
.video-with-playicon .video-play-iconx{position: absolute; width: 3rem; height: 3rem; border-radius: 50%; text-align: center; line-height: 3rem; background: var(--whtcolor); color: var(--blackcolor); font-size: 2rem; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.medication-wrap .clearmed-medication-bx{position: relative;    text-align: center;}
.medication-wrap .clearmed-medication-bx .img-box{width: 100%; max-width: 320px; margin: 0 auto;}
.medication-wrap .clearmed-medication-bx ul li{ display: inline-block; text-align: center;vertical-align: top; position: relative; z-index: 1;}
.medication-wrap .clearmed-medication-bx ul li+li { margin-left: 55px; }
.medication-wrap .clearmed-medication-bx ul li p{ max-width: 111px; margin: auto; display: block; margin-top: 7px;}
.medication-wrap .clearmed-medication-bx ul li .iconBx{background: url(../images/phone/clearmed-medication-icon-sprite.png)no-repeat; display: inline-block; width: 63px; height: 63px; background-position: 0 0;}
.medication-wrap .clearmed-medication-bx ul li:nth-child(1) { transform: translate(70px, 343px); -webkit-transform: translate(70px, 343px);}
.medication-wrap .clearmed-medication-bx ul li:nth-child(2) { transform: translateY(190px); -webkit-transform: translateY(190px); }
.medication-wrap .clearmed-medication-bx ul li:nth-child(2) .iconBx {background-position: 0 -57px;}
.medication-wrap .clearmed-medication-bx ul li:nth-child(3) {transform: translateY(50px); -webkit-transform: translateY(50px); }
.medication-wrap .clearmed-medication-bx ul li:nth-child(3) .iconBx { background-position: 0 -131px; height: 79px;} 
.medication-wrap .clearmed-medication-bx ul li:nth-child(4) .iconBx { background-position: 0 -223px;} 
.medication-wrap .clearmed-medication-bx ul li:nth-child(5) { transform: translateY(20px); -webkit-transform: translateY(20px); }
.medication-wrap .clearmed-medication-bx ul li:nth-child(5) .iconBx { background-position: 0 -304px;} 
.medication-wrap .clearmed-medication-bx ul li:nth-child(6) { transform: translateY(70px); -webkit-transform: translateY(70px);}
.medication-wrap .clearmed-medication-bx ul li:nth-child(6) .iconBx { background-position: 0 -382px;} 
.medication-wrap .clearmed-medication-bx ul li:nth-child(7) { transform: translateY(195px); -webkit-transform: translateY(195px);}
.medication-wrap .clearmed-medication-bx ul li:nth-child(7) .iconBx {background-position: 0 -464px;} 
.medication-wrap .clearmed-medication-bx ul li:nth-child(8) { transform: translate(440px, 200px) !important; -webkit-transform: translate(-70px, 343px) !important;}
.medication-wrap .clearmed-medication-bx ul li:nth-child(8) .iconBx {background-position: 0 -537px;} 

.clearmed-good-section .clearmed-good-bx{background: var(--blackcolor);border-radius: 5px; color: #fff; text-align: center; padding: 15px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.clearmed-good-section .clearmed-good-bx h2{ font-size: 40px; font-weight: 600; margin-bottom: 1rem;} 
.clearmed-good-section .includes-txt { padding: 12px 20px; border: 1px solid #cbc1cd; border-left: 4px solid var(--blackcolor); border-radius: 5px; } 
.clearmed-good-section .includes-txt p {margin-bottom: 0; font-size: 14px;} 
.clearmed-good-section .includes-txt+.includes-txt { margin-top: 8px; }
.clearmed-good-section .order-last .includes-txt { border-left: 1px solid #cbc1cd; border-right: 4px solid var(--blackcolor); }
.clearmed-good-section .free-dots{ right: -150px; top: 40%;} 
.clearmed-banner .img-box img{mix-blend-mode: darken;}

.faq-accordian-bx .accordion-item{border: 0;}
.faq-accordian-bx .accordion-button{font-size: 18px; color: var(--blackcolor); font-weight: 600; padding: 15px 15px 15px 0; background: var(--whtcolor);}
.faq-accordian-bx .accordion-body{font-size: 14px;  padding: 15px 5px 15px 0;}
.faq-accordian-bx .accordion-button:not(.collapsed){color: var(--blackcolor);  filter: grayscale(1);  box-shadow:none;}

.launcher-wrap .row{margin-top: 150px;}
.launcher-wrap .same-title .img-bx{min-height: 580px;}
.launcher-wrap .same-title.home-launcher .img-bx{margin-top: -100px; min-height: 670px;}

.clearnav-icon-section .device-icon-box .iconbx{display: flex; justify-content: center; align-items: center; width: 55px; height: 55px; border-radius: 7px; background: var(--blackcolor); margin: 0 auto 1rem;}
.clearnav-icon-section .device-icon-box{text-align: center; margin-bottom: 3rem;}

.mix-blend-mode{mix-blend-mode: darken;}

.clearsignal-get-section .clearsignal-get-img{text-align: center;}
.clearsignal-get-section .clearsignal-get-img .imgBx{margin-bottom: 20px;}
.clearsignal-get-section .clearsignal-get-img h3{ font-size: 20px; font-weight: 700; color: var(--blackcolor); }
.games-banner-section{background: linear-gradient(90deg,rgba(152,201,241,1) 0,rgba(142,100,153,1) 100%);}

.same-icon-ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.same-icon-ul li{ margin: 15px; text-align: center; }
.same-icon-ul .iconBx{margin-bottom: 30px;}

.border-title{font-size: 16px; color: var(--blackcolor); font-weight: 500; line-height: 1.5; padding-bottom: 15px; margin-bottom: 20px; position: relative;}
.border-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 70px; height: 3px; background-color: var(--blackcolor); } 

.integration-wrap .company-box { border: 1px solid #cfcfcf; border-radius: 5px; overflow: hidden; }
.integration-wrap .company-box .company-header{ display: flex; align-items: center; justify-content: space-between; padding: 18px 13px; background-color: #db4437;}
.integration-wrap .company-box .company-body{background: var(--whtcolor); padding: 10px 30px 10px 10px; position: relative;}
.integration-wrap .company-box h3{font-size: 16px; color: var(--blackcolor);font-weight: 600; margin-bottom: 0;} 
.integration-wrap .company-box p{font-size: 12px; color: var(--blackcolor);font-weight: 400; margin-bottom: 0;} 
.integration-wrap .company-box .company-profile{display: flex; align-items: center; }
.integration-wrap .company-box .company-profile .user-img{width: 40px; height: 40px; overflow: hidden; border-radius: 50%;}
.integration-wrap .company-box .company-profile .user-img img{width: 100%; height: 100%; object-fit: cover;}
.integration-wrap .company-box .company-profile .textBx{width: calc(100% - 40px);padding-left: 10px;}
.integration-wrap .company-box .company-profile .removeicon{ cursor: pointer;position: absolute; right:10px; top: 36%; transform: translateY(-50%);}
.integration-wrap .company-box .comapny-logobx img { max-height: 24px; }
.integration-wrap .company-box .plus-icon{color: var(--whtcolor); font-size: 24px; }
.integration-wrap .col-lg-3:nth-child(2) .company-header{background: var(--blackcolor);}
.integration-wrap .col-lg-3:nth-child(3) .company-header{background: #0060d9;}

.clearEmail-plan-section .plan-box { background: #e6e6e6; border-radius: 20px; overflow: hidden; }
.clearEmail-plan-section .plan-box.active {background: var(--blackcolor);}
.clearEmail-plan-section .plan-box.active * { color: #fff !important; }
.clearEmail-plan-section .plan-box.active {background:#000000eb;}
.clearEmail-plan-section .plan-box.active .plan-box-header{background: var(--blackcolor);}
.clearEmail-plan-section .plan-box .plan-box-header { height: 206px; position: relative; background: rgba(0,0,0,.2); display: flex; align-items: center; justify-content: center; align-items: center; flex-flow: column; }
.clearEmail-plan-section .plan-box .plan-pricebx { font-weight: 700; font-size: 40px; color: #6b6868; margin: 0; } 
.clearEmail-plan-section .plan-box .plan-pricebx sup{ font-size: 26px;} 
.clearEmail-plan-section .plan-box .plan-logobx{width: 100%; max-width: max-content; margin: 0 auto 20px;} 
.clearEmail-plan-section .plan-box .plan-box-body{padding: 20px;}
.clearEmail-plan-section .plan-box .check-list li{position: relative; font-weight: 500; font-size: 18px; line-height: normal; padding:10px 0px 10px 40px;}
.clearEmail-plan-section .plan-box .check-list .iconbx { position: absolute; top: 10px; left: 0; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 100%; background-color: rgba(0,0,0,.2); color: #fff; font-size: 26px; }
.clearEmail-plan-section .plan-box .plan-footer{display: flex; align-items: center; justify-content: space-between; margin-top: 40px;}
.clearEmail-plan-section .plan-box .plan-footer h4{font-size: 18px; color: var(--blackcolor); font-weight: 600;}
.clearEmail-plan-section .plan-box.active .check-list .iconbx{background: var(--whtcolor);  }
.clearEmail-plan-section .plan-box.active .check-list .iconbx i{ color: var(--blackcolor) !important; }

.x-connect-banner{padding-top: 5rem;}
.x-connect-banner-img{display: flex;align-items: center;justify-content: center;}
.x-connect-widespread-coverage.bg-white.text-center {padding: 5rem 0;}
.x-connect-widespread-coverage p{font-weight: 300;line-height: 1.7;}
.x-connect-widespread-coverage p span{display: block;}
.coverage{padding-top: 5rem;}
.coverage img{height: 100px;}
.satellite-based-cell-tower{background-color: rgba(237, 237, 237, 1);padding: 5rem 0;}
.cell-tower p{width: 62%;padding-top: 1rem;font-size: 16px;font-weight: 300;line-height: 1.7;}
.coverage-gaps{height: 500px;width: 100%;background-image: url(../images/earth.png);background-repeat: no-repeat;background-size: cover;}
.coverage-gaps p span{display: block;font-weight: 300;line-height: 1.7;}
.iot-connectivity-text {padding: 5rem 0;}
.iot-connectivity p span{display: block;font-weight: 300;line-height: 1.7;}
.connectivity-text p{font-size: 15px;width: 80%;text-align: justify;}
.iot-connectivity-part{padding-bottom: 5rem;}
.container.gap{padding: 0 200px;}
.container.space{padding: 0 70px;}
img.cleargm-img{height: 600px;}
img.tesla-life-img{height: 600px;}
img.clearcare-image{height: 600px;}

.harmonious-wrap .harmonious-list{display: flex; gap: 26px; align-items: center; justify-content: center;}
.harmonious-wrap .harmonious-list li{width: auto; text-align: center; max-width: min-content;}
.harmonious-wrap .harmonious-list li .icon-box{background: #EDEDED; border-radius: 20px;  height: 116px; width: 116px; display: inline-flex; align-items: center; justify-content: center; border: solid 2px #EDEDED;}
.harmonious-wrap .harmonious-list li .icon-box + .icon-box{margin-top: 26px;}
.harmonious-wrap .harmonious-list li:first-child .icon-box{background: var(--redColor); border-color: var(--redColor); }
.harmonious-wrap .harmonious-list li:last-child .icon-box{background: #fff;  border-color:var(--blackcolor);}
.box img{margin-bottom: 25px;}

i.ri-arrow-left-s-line{font-size: 40px;}
i.ri-arrow-right-s-line{font-size: 40px;}
.carousel-item {min-height: 500px; max-height: 500px;}


.photosensitive-wrap .sensorcontent-list{display: flex; flex-wrap: wrap; justify-content: center; }
.photosensitive-wrap .sensorcontent-list li .contentbx{display: flex;}
.photosensitive-wrap .sensorcontent-list > li {padding: 0 5px; width: 50%;}
.photosensitive-wrap .sensorcontent-list li:first-child .contentbx .imgbx{order: 1;}
.photosensitive-wrap .sensorcontent-list li .contentbx .textbx{padding:20px 15px 0;}
.photosensitive-wrap .sensorcontent-list li .contentbx h3{color: var(--whtcolor); font-weight: 500; font-size: 30px; border-bottom: solid 1px var(--whtcolor);  }
.photosensitive-wrap .sensorcontent-list li .contentbx ul li{color: var(--whtcolor); font-weight: 400; font-size: 18px;  }
.photosensitive-wrap .sensorcontent-list li:first-child .contentbx ul li{color:#ffffff69; text-align: right; }
.photosensitive-wrap .sensorcontent-list li:first-child  .contentbx{    justify-content: flex-end;}
.carousel-indicators [data-bs-target]{height: 10px !important; width: 10px !important; border-radius: 50%;}



  swiper-container {
    width: 100%;
    height: 100%;
  }

  swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  swiper-slide {
    width: 60%;
  }

  swiper-slide:nth-child(2n) {
    width: 60%;
  }

  swiper-slide:nth-child(3n) {
    width: 60%;
  }

  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #000000 !important;
}
  .mobile-slider{display: none;}