OwlCyberSecurity - MANAGER
Edit File: Business_insurance.css
.business_section { position: relative; padding: 80px 0; } .img-group { position: relative; text-align: center; padding: 80px; } } .img-group-inner { position: relative; } img { max-width: 100%; height: auto; } .img-group-inner span { position: absolute; top: 72px; right: 71px; width: 20px; height: 20px; background-color:rgb(188, 144, 38); } .img-group-inner span + span { top: auto; right: auto; left: 72px; bottom: 73px; background-color: rgb(188, 144, 38); } .img-group img:nth-child(3) { position: absolute; bottom: 0; right: 0; z-index: -1; } .business_page_para{ font-family:"Libre Caslon Text", sans-serif; font-style: normal; font-weight: 400; color: rgb(53, 53, 53); font-size: 17px; text-align: justify; line-height: 26px; } .sigma_list li { margin: 0; display: flex; align-items: center; position: relative; font-size: 16px; color: #212121; font-weight: 600; } .sigma_list li { list-style: none; /* Remove default list styles */ margin-bottom: 10px; /* Example margin */ } .sigma_list li i { color: #9ecf36; /* Change icon color */ margin-right: 10px; /* Example margin */ content: ""; display: inline-block; width: 20px; height: 20px; background-size: cover; margin-right: 10px; font-style: normal; font-variant: normal; font-weight: 400; text-rendering: auto; line-height: 1; font-size: 20px; min-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin-right: 10px; color: #9ecf36; background-color: #f9ffed; } .img-group img:nth-child(2) { position: absolute; top: 0; left: 0; z-index: -1; } } .img-group img:nth-child(3) { position: absolute; bottom: 0; right: 0; z-index: -1; } .mr-lg-30 { margin-left: 30px; } .section-title { position: relative; margin-bottom: 50px; max-width: 500px; } .section-title.text-left .subtitle { justify-content: flex-start; } .section-title .subtitle { position: relative; margin-bottom: 15px; font-size: 16px; text-transform: uppercase; color: #C19939; font-weight: 700; display: flex; align-items: center; justify-content: center; } .section-title .title { position: relative; margin: 0; font-size: 46px; line-height: 1.2; margin-bottom: 15px; font-weight: 700; } .sigma_list.list-2 { columns: 2; -webkit-columns: 2; -moz-columns: 2; } .sigma_list { margin: 40px 0; } .sigma_list li { margin: 0; display: flex; align-items: center; position: relative; font-size: 16px; color: #212121; font-weight: 600; } .sigma_list li::before { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="rgb(188, 144, 38)"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/></svg>'); background-size: cover; margin-right: 10px; font-style: normal; font-variant: normal; font-weight: 400; text-rendering: auto; line-height: 1; font-size: 20px; min-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; margin-right: 10px; color: #9ecf36; } .blockquote, blockquote { position: relative; margin: 20px 0; font-size: 14px; color: white; padding: 10px 20px; background-position: center; background-size: cover; background-color: #C19939; border-left: 3px solid black; } .blockquote.bg-transparent { font-size: 29px; font-family: "Libre Caslon Text", sans-serif; line-height: 29px; font-weight: 400; } .sigma_btn-custom.light { background-color: transparent; color: #212121; box-shadow: none; border: 2px solid #efefef; } .sigma_btn-custom.light::before { background-color: #282828; } .sigma_btn-custom::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: center; background-color: #729626; width: 10px; height: calc(100% - 15px); z-index: -1; transition: .3s; opacity: 0; visibility: hidden; } .sigma_btn-custom i { margin-left: 10px; } /*-----libilty_part_css-------*/ .Business_insurance{ background-image: url(../dummy/pages/business_insurance/business_insurnace_overlay.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; } .Business_insurance .libility_background_overlay { background-color: rgba(0, 0, 0, 5.6); opacity: 0.75; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .libility_first_heading{ color: #FFFFFF; font-family: "DM Sans", Sans-serif; font-size: 55px; font-weight: 700; } .libilty_first_para{ color:white; font-family: Roboto, sans-serif; font-size: 19px; line-height: 19px; } /*------end of libilty_css----*/ .business_page_sec_para{ font-size: 14px; text-align: justify; font-family: Roboto, sans-serif; color:rgb(25, 25, 25); } .vertical-seperator { display: block; width: 3px; height: 80px; text-align: center; background-color:#AA8833; margin: 0 auto; } .last_para_business{ position: relative; margin: 0; font-size: 45px; line-height: 1.2; margin-bottom: 15px; font-weight: 700; } .business_insurance_last_para{ padding: 0px 25px; font-family: Roboto, sans-serif; font-style: normal; color: rgb(53, 53, 53); line-height: 22px; font-size: 15px; }