* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; }
header, footer, article, section, hgroup, nav, figure { display: block; margin: 0px; padding: 0px; }
img { border: 0 none; height: auto; max-width: 100%; vertical-align: middle; transition: all 0.5s ease-in-out 0s; }
ul { list-style-type: none; padding: 0px; margin: 0px; }
a, button { text-decoration: none; outline: none; transition: all 0.5s ease-in-out 0s; color: #222222; }
i.fa { transition: all 0.5s ease-in-out 0s; }
p, td, input, label, form, h1, h2, h3, h4, h5, h6, a { padding: 0px; margin: 0px; border: none; text-decoration: none; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { }
input[type="text"], input[type="button"], input[type="submit"], input[type="email"], input[type="tel"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; -webkit-appearance: none; transition: all 0.5s ease-in-out 0s; outline: none; resize: none; }
input[type="submit"], input[type="button"], input[type="reset"] { outline: none; cursor: pointer; }
.clear { clear: both; }
.vm { vertical-align: middle; }
.relative { position: relative; }
.left { float: left; }
.right { float: right !important; }

/*placeholder css*/
input::-webkit-input-placeholder { opacity: 1 !important;color: #666666; }
.searchbox input::-webkit-input-placeholder { color: #d4d8e4 !important; }
input::-moz-placeholder { opacity: 1 !important; color: #666666;}
input:-ms-input-placeholder { opacity: 1 !important; color: #666666;}
input:-moz-placeholder { opacity: 1 !important;color: #666666; }
textarea::-webkit-input-placeholder { opacity: 1 !important; color: #666666;}
textarea::-moz-placeholder { opacity: 1 !important; color: #666666;}
textarea:-ms-input-placeholder { opacity: 1 !important; color: #666666;}
textarea:-moz-placeholder { opacity: 1 !important; color: #666666;}

.middle-right input::-webkit-input-placeholder { opacity: 1 !important;color: #ffffff; }
.middle-right input::-moz-placeholder { opacity: 1 !important; color: #ffffff;}
.middle-right input:-ms-input-placeholder { opacity: 1 !important; color: #ffffff;}
.middle-right input:-moz-placeholder { opacity: 1 !important;color: #ffffff; }
.middle-right textarea::-webkit-input-placeholder { opacity: 1 !important; color: #ffffff;}
.middle-right textarea::-moz-placeholder { opacity: 1 !important; color: #ffffff;}
.middle-right textarea:-ms-input-placeholder { opacity: 1 !important; color: #ffffff;}
.middle-right textarea:-moz-placeholder { opacity: 1 !important; color: #ffffff;}

/*ends css*/
body { margin: 0; padding: 0; font-size: 16px; line-height: normal; color: #43484c; font-weight: 400; font-family: 'Open Sans', sans-serif;
 position: relative;}

/*selection color*/
::-moz-selection { background: #000; color: #ffffff; }
::-webkit-selection { background: #000; color: #ffffff; }
::selection { background: #000; color: #ffffff; }

/*======= Common CSS =======*/
p { font-size: 16px; line-height: 28px; color: #666666; }
h1 { font-size: 16px; line-height: normal; color: #fff; font-weight: 400;}
h2{font-size: 70px;line-height: 80px;color: #ffffff;font-weight: 800;}
h3{font-size: 50px;color: #95a0a9;line-height: 50px;letter-spacing: 1px;font-weight: 800;}
h3 span{color: #f68427;}
h4{font-size: 22px;font-weight: 800;color: #ffffff;}
h5{font-size: 18px;font-weight: 600;color: #232d39;}
a:hover, a:focus { text-decoration: none; color: inherit; }
.full_width { width: 100%; float: left; }

.container{max-width: 1200px;margin: 0 auto;padding: 0px 15px;}
.clearfix:after{content: '';clear: both;display: block;}

/* header{position:relative; z-index:9;} */
header {position: sticky;top: 0;background: #fff;z-index: 9;}
.top-line{background: #95a0a9;color: #ffffff;position: relative;z-index: 1;min-height: 42px;}
.top-line:before{content: '';position: absolute;background: url(../images/top-right-bg.png) no-repeat;background-size: cover;width: 36.5%;z-index: -1;top: 0;right: 0;height: 42px;}
.top-inner-left p{color: #ffffff;letter-spacing: 1px;}
.top-inner-left p i{font-size: 18px;margin-right: 5px;}
.top-inner-left{float: left;}
.top-inner-right{float: right;}
.top-inner-right a{color: #ffffff;font-size: 18px;margin-right: 5px;}
.top-left{max-width: 800px;float: left;width: 100%;margin-top: 5px;}
.top-right{float: right;margin-top: 8px;position: relative;}
.top-phone {font-size: 21px;font-weight: bolder;display: flex;align-items: center;gap: 12px;}
.top-phone i {font-size: 25px;margin-top: 3px;}
.bottom-line{padding: 17px 0; position:relative; z-index:1;}
/*.top-right:after{content:'';position:absolute;border-top:42px solid transparent;border-right:32px solid #f68427;border-left:32px solid transparent;left:-88px;top:-8px;}*/
.bottom-line .sub-menu { position: absolute; left: 0; width: 380px; opacity: 0; visibility: hidden; top: 50%; transition: all 0.5s ease-in-out; z-index: 9; text-align: left; border-radius: 10px; background: #ffffff; margin-top: 10px; box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, .1);}
.bottom-line ul > li:hover .sub-menu { opacity: 1; visibility: visible; top: 90%; transition: all 0.5s ease-in-out; }
.bottom-line ul li{position: relative;display: inline-block;}
.bottom-line ul li a { color: #000000; border: 2px solid transparent; padding: 11px 20px; display: block; border-radius: 40px 40px 0px 40px; }
.bottom-line ul li a:hover, .bottom-line ul li.active a { border: 2px solid #f68426;}
.bottom-line .sub-menu li a{padding: 7px 20px;border: none;border-radius: 0;font-size: 14px; border:none; border-bottom: 2px solid #f9d7ba;}
.bottom-line ul li.active .sub-menu li a{border:none; border-bottom: 2px solid #f9d7ba;}

.bottom-line .sub-menu li a:hover{border:none; background: #f68426;color: #ffffff; border-bottom: 2px solid transparent;}
.bottom-line .sub-menu li{display: block;}
.bottom-line .sub-menu li:first-child a{border-radius: 10px 10px 0 0;padding-top: 10px;}
.bottom-line .sub-menu li:last-child a{border-radius: 0px 0px 10px 10px;border-bottom: none;padding-bottom: 10px;}
.bottom-line-left{float: left;}
.bottom-line-right{float: right;margin-top: 26px;}

.banner{position:relative; z-index:0;}
.banner .container{position: relative;}
.banner figure{position: relative;z-index: 0;}
.banner figure img{width:100%;}
.banner figure:after{content: '';position: absolute;background: url(../images/overlay.png) no-repeat;background-size: cover;width: 100%;height: 100%;top: 0;left: 0;}
h2 span { position: relative; background-clip: text; color: transparent; transition: 1s all; -webkit-text-stroke: 2px #f68426; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: transparent; background-size: 100% 100%; background-position: right; background-repeat: no-repeat; }
/*h2 span:hover { background-size: 0% 100%; background-color: #f68426; border-color: #f68426; }*/


.banner-item{float:left; width:100%; overflow:hidden;}

.banner1{position:absolute; left:0; top:100px; bottom:0; right:0; }
.banner1 h2{position: absolute; top: 100px; z-index: 2; max-width: 680px; left: 15px;}

.banner2{position:relative; left:0; top:0; bottom:0; right:0;  z-index:1;}
.banner2 h2{position: absolute; bottom: 100px; z-index: 2; max-width: 680px; right: 15px;}

.bnr-content h2 span{display: block;}

.bnr-btm{background: #f9f9f9;padding: 50px 0 100px;}
.bnr-btm .container{text-align:center;}
.icons-logo i { border: 1px solid #95a0a9; background: #ffffff; transition: all ease-in-out .8s;width: 128px; height: 128px; text-align: center; line-height: 128px; display: block; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-radius: 50% 50% 50% 0;margin: 0 auto;}
.icons-logo i img { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.icons-logo span{margin-top: 46px;display: block;font-size: 15px;color: #232d39;}
.icons-logo{width: 17%;float: none;text-align: center;margin-top: 50px; display:inline-block;}
.icons-logo a{display:block;}
.icons-logo a:hover i{ background: #f68426; border: 1px solid transparent; transition: all ease-in-out .8s; -webkit-transform: scale(1.1) rotate(-45deg); -moz-transform: scale(1.1) rotate(-45deg); -ms-transform: scale(1.1) rotate(-45deg); -o-transform: scale(1.1) rotate(-45deg); transform: scale(1.1) rotate(-45deg); }
.icons-logo a:hover i img{filter: brightness(0) invert(1);}
.welcome-sec{padding: 100px 0;}
.wlcm-left{display: inline-block;vertical-align: middle;max-width: 570px;}
.wlcm-right{max-width: 590px;display: inline-block;vertical-align: middle;width: 100%;}
.wlcm-right img{max-width: 500px;float: right;border-radius: 50% 50% 0 50%;transition: all ease-in-out .5s;}
.wlcm-right img:hover{border-radius: 50% 50% 50% 0;transition: all ease-in-out .5s;}
.wlcm-left h3{margin-bottom: 18px;}
.wlcm-left p{margin-bottom: 28px;}
.wlcm-left p:last-child{margin-bottom:0;}
.middle-left p a, .wlcm-left p a{color:#666; font-weight:600;}
.middle-left p a:hover, .wlcm-left p a:hover{color:#000; }

.link-btn { font-size: 16px !important; position: relative; text-transform: capitalize; text-align: center; border-radius: 30px 30px 0px 30px; background: #ffffff; color: #000000 !important; padding: 11px 27px; display: inline-block; overflow: hidden; transition: 0.5s ease-in-out;  z-index: 1; border: 2px solid #f68427; text-decoration: none !important;margin: 0px 20px 20px 0;}
.link-btn:before { content: ''; position: absolute; top: 0; right: -50px; bottom: 0; left: 0; border-right: 30px solid transparent; border-bottom: 65px solid #f68427; -webkit-transform: translateX(-100%); transform: translateX(-100%); transition: 0.5s ease-in-out; z-index: -1; }
.link-btn:hover { color: #ffffff !important; border: 2px solid transparent;background: transparent;}
.link-btn:hover:before { -webkit-transform: translateX(0); transform: translateX(0); transition: 0.5s ease-in-out; }

.consulty{background: #232d39;padding: 100px 0;}
.consulty h3{color: #ffffff;text-align: center;}
.consulty-box{background: #f68427;margin-right: 33px;width: 31.44%;text-align: center;transition: all ease-in-out .5s;overflow: hidden;float: left;}
.consulty-box:hover{transition: all ease-in-out .5s;border-radius: 0px 120px 0 0;}
.consulty-box:hover img{border-radius: 0;}
.consulty-box:hover .link-btn{border-radius: 30px 0px 30px 30px;}
.consulty-box figure img{border-radius: 0px 0px 0px 120px;}
.consulty-box:last-child{margin-right: 0;}
.consulty-content{padding: 36px 28px 40px;}
.consulty-content .link-btn::before{border-bottom: 65px solid #ffffff;}
.consulty-content .link-btn{color: #000000;border: 2px solid #ffffff;}
.consulty-content p{color: #ffffff;margin-bottom: 32px; min-height:110px;}
.consulty-content h4{margin-bottom: 11px;}
.consulty-inner{margin-top: 58px;}

.seller{padding: 100px 0;}
.seller img{float: left;border-radius: 50% 50% 50% 0%;}
.seller img:hover{border-radius: 50% 50% 0 50%;}

footer{background: #232d39;padding: 100px 0;}
footer ul li a{color: #868686;}
.foot-col a, .foot-contact li p, .foot-contact{color: #868686;}
.foot-col a:hover{color: #f68427;}
.foot-col ul li{position: relative;padding-left: 18px;margin-bottom: 6px;}
.foot-col ul li:last-child{margin-bottom: 0;}
.foot-col ul li:after{content: '';position: absolute;width: 4px;height: 4px;border: 2px solid #f68426;border-radius: 50%;top: 5px;left: 0;}
.foot-col h4{margin-bottom: 20px;}
.foot-col{float: left;}
.foot-col:nth-child(1){width: 22%;}
.foot-col:nth-child(2){width: 53%;}
.foot-col:nth-child(3){width: 25%;}
.services-link{display: inline-block;width: 49.6%;vertical-align: top;}
.foot-contact li:after{display: none;}
.foot-contact li i{color: #f68427;position: absolute;top: 5px;left: 0;}
.foot-contact li .fa-map-marker, .foot-contact li .fa-phone{font-size: 19px;}
.foot-contact li .fa-map-marker{font-size: 23px;}
.foot-col .foot-contact li {padding-left: 28px;margin-bottom: 19px;}
.foot-col .foot-contact li:last-child{margin-bottom: 0;}
.copyright{color: #868686;background: #ffffff;text-align: center;line-height: 37px;}
.copyright a{color: #868686;}
.copyright a:hover{color: #f68427;}

.fixed-call { position: fixed; top: 75%; transform: translateY(-50%); right: 0; z-index: 99; }
.fixed-call ul li { display: block; margin-bottom: 10px; }
.fixed-call ul li:first-child {visibility: hidden;}
.fixed-call ul li:last-child { margin-bottom: 0; }
.fixed-call ul li a { background: #95a0a9; display: inline-block; transform: translateX(260px); transition: all 0.5s ease-in-out; border-radius: 50px 0px 0px 50px; padding: 0px 30px 0px 5px; font-size: 30px; color: #ffffff; line-height: 67px;font-weight: 900; }
.fixed-call ul li a i { float: left; position: relative; margin-right: 15px; width: 68px; height: 68px; background: #f68427; color: #ffffff; line-height: 68px; border-radius: 50% 50% 50% 0; text-align: center; top: 0px; left: -10px;}
.fixed-call ul li a i img { max-width: 22px; position: relative; top: -4px; }
.fixed-call ul li a:hover { transition: all 0.5s ease-in-out; transform: translateX(10px); }
.fixed-call ul li:nth-child(2):hover a { transform: translateX(260px); }
/*@keyframes rotating {
	from { transform: rotate(0) }
	to { transform: rotate(360deg) }
}*/
.fixed-call ul li a span{position: absolute;top: -14px;font-size: 15px;font-weight: 800;}
.fixed-call ul li a font{position: relative;display: inline-block;top: 12px;font-size: 18px;}
.rotating { animation: rotating 3s linear infinite; }
#contact_scroll_box { max-width: 160px; text-align: left; padding: 10px 15px; display: none; line-height: 19px; position: fixed; right: 0; border: 1px solid #ccc; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(232, 232, 232); background: #F5F5F5; border-radius: 15px 0 0 15px; top: 0%; z-index: 99999; }
#contact_scroll_box h4 { font-size: 16px; margin-bottom: 5px; color: #f68427; }
#contact_scroll_box p { padding-bottom: 0; margin-bottom: 10px;}
#contact_scroll_box p:last-child{margin-bottom: 0;}
#contact_scroll_box p span{display: block;font-size: 14px;font-weight: 600;line-height: 14px;}
#contact_scroll_box p a{font-size: 16px;font-weight: 600;}

.top { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; display: none; cursor: pointer; width: 70px; border-radius: 0 50% 50% 50%; background: #f68427; height: 70px; display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: fixed; bottom: 0px; right: 20px; float: right; z-index: 99999; text-align: center; line-height: 40px; font-size: 40px; }
.top i { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; right: 3px; top: 12px; color: #ffffff;}


/*SERVICES INNER PAGES*/
.middle-content{padding: 100px 0;}
.inner-banner{background: url(../images/inner-banner.jpg) no-repeat;background-size: cover;position: relative;z-index: 1;text-align: center;padding: 93px 0; z-index:0;}
.inner-banner:before{content: '';position: absolute;height: 100%;width: 100%;top: 0;left: 0;background: rgba(0,0,0,.6);z-index: -1;}



.middle-left{float: left;width: 68%;padding-right: 30px;}
.middle-right{float: right;width: 32%;}
.middle-left p{margin-bottom: 28px;}

.middle-right .contact-frm{ padding:5px 5px; border: 2px solid #e6e7e9; border-radius:2px;}


.middle-left p:last-child{margin-bottom:0;}
.middle-left h4{color: #232d39;margin-bottom: 17px;}
.inner-listing-left{float: left;width: 60%;}
.inner-listing-right{float: right;width: 40%;}
.listing li{position: relative;padding-left: 18px;color: #666666;margin-bottom: 10px;}
.listing li:last-child{margin-bottom: 0;}
.listing li:before { content: ''; position: absolute; width: 4px; height: 4px; border: 2px solid #f68426; border-radius: 50%; top: 7px; left: 0; }
.inner-listing-right img{border-radius: 50% 50% 50% 0;}
.middle-left h5{margin-bottom: 18px;}
.inner-listing{margin-bottom: 28px;}
.middle-left > figure{margin-bottom: 45px;}
.middle-left strong{font-weight: 600;}

/*banners*/

.inner-contact{background: #f68427;padding: 30px;}
.inner-contact h3{color: #ffffff;font-size: 40px;margin-bottom: 22px;}
.inner-contact input, .inner-contact textarea{width: 100%;height: 46px;padding: 0px 30px;line-height: 22px;color: #ffffff;background: transparent;border: 2px solid #ffffff;border-radius: 30px;font-size: 16px;font-weight: 400;font-family: 'Open Sans', sans-serif;}
.inner-contact .input{margin-bottom: 20px;}
.inner-contact textarea{height: 160px;padding: 20px 30px;}
.inner-contact .link-btn{position: relative;width: 166px;height: 46px;}
.inner-contact .link-btn input{position: absolute;width: 100%;height: 100%;border: none;color: #000000;left: 0;top: 0;}
.inner-contact .link-btn:hover{border: 2px solid #ffffff;}
.inner-contact .link-btn:hover input{color:  #ffffff;}
.inner-service{background: #232d39;padding: 34px 21px;text-align: center;}
.inner-service .consulty-box{margin-right: 0;}
.inner-service .slick-slide{margin: 0 2px;}
.inner-service .consulty-content{padding: 36px 12px 40px;}
.slick-dots li {width: 8px;height: 8px;border-radius: 50%;background: #ffffff;text-indent: -9999px;display: inline-block;margin-right: 4px;cursor: pointer;}
.slick-dots li.slick-active{background: #f68427;}
.slick-dots li:last-child{margin-right: 0;}
.inner-service .slick-dots{margin-top: 30px;}
.inner-service .autoplay{margin-top: 42px;}
.inner-service{margin-top: 30px;}

.listing li ul li:before{background: #f68426;width: 2px;height: 2px;top: 10px;}
.listing li ul{margin-top: 15px;}
.listing li ul li{margin-bottom: 6px;}

.about{background: url(../images/about.jpg) no-repeat;background-size: cover;}
.cloud-security{background: url(../images/cloud-security-banner.jpg) no-repeat;background-size: cover;}
.contact{background: url(../images/banner-us.jpg) no-repeat;background-size: cover;}
.cyber{background: url(../images/cyber-insurance-banner.jpg) no-repeat;background-size: cover;}
.mobile-web{background: url(../images/mobile-web.jpg) no-repeat;background-size: cover;}
.pci-service{background: url(../images/pci-dss-services-banner.jpg) no-repeat;background-size: cover;}
.scada{background: url(../images/scada-&-ics-banner.jpg) no-repeat;background-size: cover;}
.security-service{background: url(../images/security-as-a-service-banner.jpg) no-repeat;background-size: cover;}
.solutions{background: url(../images/solution.jpg) no-repeat;background-size: cover;}
.virtual-iso{background: url(../images/virtual-iso-banner.jpg) no-repeat;background-size: cover;}
.vulerability{background: url(../images/penetration-testing-banner.jpg) no-repeat;background-size: cover;}


/*CONTACT US PAGE*/
.contact-left{float: left;width: 58%;}
.contact-right{float: right;width: 40%;margin-top: 27px;}
.contact-left h3, .contact-right h3{font-size: 40px;color: #666666;letter-spacing: 0;margin-bottom: 31px;}
.contact-left input, .contact-left textarea{border: 2px solid #e9e9e9;color: #666666;}
.contact-left .inner-contact{background: #ffffff;padding: 20px 15px; border: 2px solid #e6e7e9; border-radius:2px;}

.contact-right .link-btn{background: #f68427;color: #ffffff;padding: 11px 79px 11px 25px;border: 2px solid #ffffff;}
.contact-right .link-btn:before{border-bottom: 65px solid #232d39;}
.contact-right .link-btn i{min-width: 60px;background: #232d39;color: #f68427;display: inline-block;position: absolute;right: -1px;top: -1px;height: 48px;line-height: 48px;border-radius: 60px 60px 0 60px;font-size: 20px;}
.contact-right-box li{position: relative;padding-left: 36px;margin-bottom: 36px;}
.contact-right-box li:last-child{margin-bottom: 0;}
.contact-right-box{background: #232d39;padding: 45px;font-size: 20px;margin-top: 26px;}
.contact-right h3{color: #ffffff;margin-bottom: 15px;}
.contact-right-box li, .contact-right-box li i, .contact-right-box a, .contact-right-box li p{color: #ffffff;font-size: 20px;}
.contact-right-box a:hover{color: #f68427;}
.map iframe{width: 100%;height: 587px;margin-bottom: -5px;}
.sidebar-contact h3{margin-bottom: 30px;margin-top: -5px;}


.circle-list{width:100%; display:inline-block; margin-bottom:20px;}  
.circle-list li{position:relative; padding-left: 18px; margin-bottom: 8px; color:#666;text-align: left;}
.circle-list li:before{content: ''; position: absolute; width: 4px; height: 4px; border: 2px solid #f68426; border-radius: 50%;top: 5px; left: 0;}

.width-50 li{width:49%; float:left;}
.width-50 li:nth-child(2n){float:right;}

.circle-list:last-child{margin-bottom:0;}

/*new home slider*/
.banner1{position:absolute; left:0; top:100px; right:0; bottom:0; margin:0 auto;}
.banner3 .container, .banner2 .container, .banner1 .container{max-width:1170px; position:relative;}
.banner1 h2{position:absolute; left:30px; top:100px;  max-width:680px; }
.banner3 h2  span, .banner2 h2 span, .banner1 h2 span{display:block;}
.banner2 h2{position:absolute; bottom:50px; right:30px;  max-width:800px; margin-top:00px;}
.banner2 h2 font{font-size:40px; display:block; line-height:60px;}
.banner .owl-nav,.banner .owl-dots{display:none;}

/*FORM POPUP*/
.form-popup{padding-top: 220px;padding-bottom: 40px;}
.form-popup:after{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;  opacity: 0.8;background-color: #232d39;z-index: -1;}
.cmn-popup{ border-radius: 50px;background-color: #ffffff;max-width: 100%;text-align: center;overflow: hidden;}
.login-popup{padding: 100px;}
.login-popup p{max-width: 735px;margin: 0 auto;margin-bottom: 40px;}
.login-popup h3{margin-bottom: 21px;}
.form-popup .link-btn input{background: transparent;font-size: 16px;color: #ffffff;width: 100%;}
.form-popup .link-btn {background: #f68427;display: block;margin-top: 30px;height: 63px;line-height: 34px;cursor: pointer;}
.form-popup .link-btn:before{border-bottom: 65px solid #ffffff;}
.form-popup .link-btn:hover input{color: #000;}
.form-popup .input{margin-bottom: 19px;}
.form-popup .input input{width: 100%;  border-radius: 31.5px;border: solid 1px #95a0a9;background: #ffffff; height: 63px;text-align: center;color: #666666;font-size: 16px;padding: 0 30px;}
.form-group .input input::placeholder{color: #666666;}
.login-popup form{max-width: 492px;margin: 0 auto;width: 100%;}
.close-btn{  width: 58px;height: 58px;background: #ffffff; border-radius: 50%;text-align: center;line-height: 53px;margin: 0 auto;margin-bottom: 20px;}

.popup-heading ul li a{ font-size: 36px; font-weight: 800; text-align: center; color: #ffffff;}
.popup-heading ul li { float: left;background: #95a0a9;width: 50%;height: 86px;line-height: 86px;}
.popup-heading ul li.active{background: #f68427;}
.insurance-app .input input{height: 53px;text-align: left;}
.insurance-app .input{width: 32.22%;float: left;margin-right: 18px;}
.insurance-app form .input:nth-child(3n){margin-right: 0;}
.insurance-top-form{padding: 39px 43px 50px 33px;}

.insurance-middle-right{float: right;border: 1px solid #95a0a9;border-radius: 50px;}
.insurance-middle-right label{position: relative;width: 62px;height: 36px;line-height: 36px;padding: 0px 8px 0 18px;display: inline-block;border-radius: 50px;}
.insurance-middle-right label span{color: #666666;margin-left: 7px;}
.insurance-middle-right label input { position: absolute; opacity: 0; cursor: pointer; }
.middle-top{border-top: solid 1px #dcdfe2;padding: 30px 43px 0 33px;text-align: left;}
.middle-top h5 { font-size: 16px; font-weight: 600; color: #95a0a9; float: left;margin-top: 7px;}
.middle-top label.active{background: #f68427;}
.middle-top label.active em{color: #ffffff;}
.insurance-middle textarea{  height: 91px;border-radius: 20px;border: solid 1px #95a0a9;background: #ffffff;font-family: 'Open Sans', sans-serif;  font-size: 16px;color: #666666;line-height: 1.75;width: 100%;padding: 13px 21px;margin-top: 20px;}

.onoffbtn { width: 60px; height: 30px; border-radius: 15px; background: #ffffff; display: block; position: relative; }
.onoffbtn:after { position: absolute; height: 9px; width: 9px; display: block; border-radius: 50%; background: #ffffff; top: 11px; left: 10px; content: ''; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; text-align: center; line-height: 29px; background: #95a0a9; box-shadow: inset 0 0 0px 2px #ffffff; border: 2px solid #95a0a9; }
.onoffbtn.active:after { background: #f68427; content: ''; }
.onoffbtn input[type="checkbox"] { opacity: 0; }
.onoffbtn.active:after { border: 2px solid #ffffff; background: #fff; box-shadow: inset 0 0 0px 2px #f68427; }
.onoffbtn.active span{color: #ffffff;}

.question-row{border-top: solid 1px #dcdfe2;padding: 19px 43px 19px 33px;}
.question-row:last-child{border-bottom: solid 1px #dcdfe2;}
.question-row p{float: left;max-width: 655px;  font-size: 16px;font-weight: 600;color: #95a0a9;text-align: left;}
.question-row .insurance-middle-right label{border-right: 1px solid #95a0a9;border-radius: 0;    width: 66px;height: 34px;}
.question-row .insurance-middle-right label:last-child{border-right: none;}
.question-row .insurance-middle-right{overflow: hidden;}
.middle-service p{float: left;}
.middle-service span{float: right;}
.middle-service li{color: #95a0a9;font-size: 16px;display: block;padding: 14px 153px 14px 33px;}
.middle-service li:nth-child(odd){background: #dfe2e5;}
.middle-service li:nth-child(even){background: #ffffff;}
.middle-service li:last-child{background: #95a0a9;}
.middle-service li:last-child p, .middle-service li:last-child span{color: #ffffff;font-weight: 700;}
.middle-service li:after{content: '';clear: both;display: block;}
.question-sec{margin-top: 30px;}
.insurance-middle h4 { font-size: 26px; font-weight: 800; line-height: 1.92; color: #95a0a9;text-align: left;padding: 26px 43px 19px 33px; }

.middle-service .insurance-middle-right{height: 34px;}
.middle-service .insurance-middle-right label{line-height: 32px;}
.middle-service .insurance-middle-right .onoffbtn:after{top: 9px;}
.middle-service .insurance-middle-right .onoffbtn span{float: none;}
.declaration p{float: none;max-width: 100%;font-weight: normal;}

.agree-btn { border-radius: 17.7px; border: solid 1px #95a0a9; background-color: #ffffff; display: inline-block; text-align: left; float: left; max-width: 114px; width: 100%; height: 36px;margin-left: 33px;margin-bottom: 30px;margin-top: 10px;}
.checkbox-custom { display: none; }
.checkbox-custom-label { display: inline-block; position: relative; vertical-align: middle; margin: 4px 10px; cursor: pointer;color: #666666; }
.checkbox-custom + .checkbox-custom-label:before { content: ''; background: #f68427; border-radius: 50%; display: inline-block; vertical-align: middle; width: 21px; height: 21px;  padding: 2px; margin-right: 8px; text-align: center; }
.checkbox-custom:checked + .checkbox-custom-label:after { content: ""; padding: 2px; text-align: center; position: absolute; width: 1px; height: 6px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 4px; left: 8px; }
.middle-service:after{content: '';display: block;clear: both;}
.middle-service .question-row{border-bottom: solid 1px #dcdfe2;}
.middle-service .question-row:nth-last-child(2){border-bottom: none;}

.insurance-form-btm ul li{color: #ffffff;font-size: 16px;font-weight: 700;background: #95a0a9;height: 45px;line-height: 45px;border-bottom: 1px solid #ffffff;}
.insurance-form-btm ul li:last-child{border-bottom: none;}
.insurance-form-btm ul li:after{content: '';clear: both;display: block;}
.insurance-form-btm ul li p{width: 50%;float: left;color: #ffffff;text-align: left;font-weight: 700;padding-left: 33px;line-height: inherit;}
.insurance-form-btm ul li span{width: 50%;float: right;text-align: center;}

.network-environment{text-align: left;}
.risk-assesment{padding-bottom: 50px;}
.network-environment h4{  font-size: 26px;font-weight: 800;line-height: 1.92;  text-align: center;color: #95a0a9;margin: 38px 0 28px;}
.accordian-header{ padding: 15px 20px;width: 100%; text-align: left; background: #95a0a9; color: #ffffff; font-size: 26px;font-weight: bold; cursor: pointer; background-image: url(../images/plus.png);background-repeat: no-repeat;background-size: 24px;background-position: right 30px center; }
.level-box{ width: 100%; height: auto; overflow: hidden; background: #ffffff; padding: 30px 0; display: none; }
.box-a1{ height: auto; overflow: hidden; margin: 0 30px;border: 1px solid #95a0a9;border-radius: 20px;margin-bottom: 20px;}
.level-box h5{font-size: 24px;color: #95a0a9;font-weight: 700;padding: 0 30px;}
.level-box .question-row textarea{float: left;width: 100%;  border-radius: 20px;border: solid 1px #95a0a9;font-size: 16px;font-family: 'Open Sans', sans-serif;color: #666;padding: 16px 20px;height: 61px;margin-top: 20px;}
.level-box .question-row textarea::placeholder{color: #666666;}
.network-environment:first-child .grid-l1 .box-a1:first-child .level-box{display: block;}
.network-environment .grid-l1 .box-a1 .question-row{padding: 40px 30px 30px;}
.network-environment .grid-l1 .box-a1 .question-row:nth-child(2){border-top: none;padding: 25px 30px 30px;}
.network-environment .question-row p{max-width: 760px;}
.network-environment .grid-l1 .box-a1 .question-row:last-child{border-bottom: none;padding-bottom: 0;}
.accordian-header.box-open{background-image: url(../images/minus.png) !important;}

.sidebar-contact {background: #98A0A9; padding: 30px 30px; }
.sidebar-contact h3{color: #000;font-size: 40px;}

.middle-left p span{text-decoration: underline;}
.middle-left p em{text-decoration: underline;font-style: normal;color: #f68427;}
.middle-left > span{color: #f68427;font-weight: 600;display: block;line-height: 22px;margin-bottom: 30px;}
.middle-left span em{font-style: normal;text-decoration: underline;}
.middle-left > a{color: #98A0A9; font-size: 18px; font-weight: 600; text-decoration: underline;}
.middle-left a:hover{color: #f68427;}
.icons-logo img {max-width: 72px; }
#cookieConsent {
    background-color: #222222;
    min-height: 26px;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: 'Open Sans', sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999999;
    border-top: 1px solid rgba(255,255,255,0.3);
    display: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 30px;
    width: 30px;
    font-weight: bold;
    position: absolute;
    top: -15px;
    right: 0;
    text-align: center;
    background: #222;
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 600;
}
.cookieLearnMore{
	color:#fff;
}
#cookieConsent a.cookieConsentOK {
    background-color: #95a0a9;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
.foot-col .foot-contact li:first-child, 
.foot-col .foot-contact li:nth-child(4),
.top-phone {display: none;}

table {
  width: 100%;
  border-collapse: collapse; /* Removes double borders */
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin-bottom: 28px;
}

th, td {
  border: 1px solid #ddd; /* Light gray border */
  padding: 8px;
  text-align: left;
}

th {
  background-color: #f4f4f4; /* Light gray background for header */
  font-weight: bold;
}

tr:nth-child(even) {
  background-color: #f9f9f9; /* Zebra stripe */
}

tr:hover {
  background-color: #f1f1f1; /* Highlight row on hover */
}

.contact-btn a {background: #353233;color: #fff !important;font-size: 18px !important;border-radius: 40px !important;border-color: #353233 !important;}
.contact-btn a:hover {background: #f68426;border-color: #f68426 !important;}
.middle-right .contact-form-btn {display: flex;justify-content: center;}
.middle-right .contact-form-btn .link-btn {border-radius: 40px;border-color: #000;background: #f68427;color: #fff !important;transition: 0.5s ease-in-out;}
.middle-right .contact-form-btn .link-btn:hover {background: #000 !important;transition: 0.5s ease-in-out;}

.contact-button-sidebar {

    background: #353233;

    color: #fff !important;

    font-size: 20px !important;

    border-radius: 40px !important;

    border-color: #353233 !important;

    display: inline-block;

    padding: 11px 20px;

    margin-bottom: 15px;

    text-align: center;

}

.sidebar-contact {

    text-align: center;

}

/*.contact-button-sidebar:hover {

    background: #f68427 !important;

    transition: 0.5s 

ease-in-out;

    transition: all 0.5s 

ease-in-out 0s;

}*/

.wlcm-left h5 {margin-bottom: 20px;}
.seller img {border-radius: unset !important;}
span.font-Inter-SemiBold {font-weight: 600;}

/* Features Grid */
.features {padding: 60px 0;}
.features h2 {text-align: center;font-size: 2.5em;color: #2c3e50;margin-bottom: 50px;}
.features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;margin-bottom: 40px;}
.feature-card {background: white;padding: 30px;border-radius: 10px;box-shadow: 0 2px 10px rgba(0,0,0,0.05);transition: all 0.3s ease;}
.feature-card:hover {transform: translateY(-5px);box-shadow: 0 5px 20px rgba(255, 140, 66, 0.2);}
.feature-card h3 {color: #ff8c42;font-size: 1.5em;margin-bottom: 15px;line-height: 25px;}
.feature-card p {color: #5a6c7d;line-height: 1.7;}

/* Core Benefits */
.benefits {background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);padding: 60px 0;margin: 40px 0;}
.benefits h2 {text-align: center;font-size: 2.5em;color: white;margin-bottom: 50px;}
.benefits-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;}
.benefit-card {background: rgba(255, 255, 255, 0.1);padding: 30px;border-radius: 10px;backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);transition: all 0.3s ease;}
.benefit-card:hover {background: rgba(255, 255, 255, 0.15);transform: translateY(-5px);}
.benefit-card h3 {color: #ff8c42;font-size: 1.4em;margin-bottom: 15px;line-height: 25px;}
.benefit-card p {color: #e9ecef;line-height: 1.7;}

/* Why Mitigator Stands Out */
.standout {padding: 60px 0;background: white;}
.standout h2 {text-align: center;font-size: 2.5em;color: #2c3e50;margin-bottom: 50px;}
.standout-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;}
.standout-card {background: #f8f9fa;padding: 30px;border-radius: 10px;border-left: 4px solid #ff8c42;}
.standout-card h3 {color: #2c3e50;font-size: 1.4em;margin-bottom: 15px;line-height: 25px;}
.standout-card p {color: #5a6c7d;line-height: 1.7;}
        
/* Accent Elements */
.accent-circle {width: 80px;height: 80px;background: linear-gradient(135deg, #ff8c42 0%, #ff7629 100%);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 0 20px;box-shadow: 0 4px 15px rgba(255, 140, 66, 0.3);}
.accent-circle::before {content: "✓";color: white;font-size: 2em;font-weight: bold;}
.bg-dark {background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);}
.bg-dark p {color: #fff;}
@media (max-width: 768px) {
    .features-grid,.benefits-grid,.standout-grid {grid-template-columns: 1fr;}
    .content-with-image,.content-with-image.reverse {grid-template-columns: 1fr;gap: 30px;}
    .content-with-image.reverse .image-placeholder {order: 0;}
    .text-content h2 {font-size: 2em;}
}