/* Default css */
@font-face {
font-family: "SF UI Text";
src: url("../fonts/SFUIText-Regular.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "SF UI Display";
src: url("../fonts/SFUIDisplay-Medium.ttf");
src: url("../fonts/SFUIDisplay-Medium.ttf") format("truetype"), format("svg");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "SF UI Display";
src: url("../fonts/SFUIDisplay-Semibold.ttf");
src: url("../fonts/SFUIDisplay-Semibold.ttf") format("truetype") format("svg");
font-weight: 600;
font-style: normal;
}
body {
font-family: "SF UI Display";
font-weight: normal;
}
.cus_btn {
display: inline-block;
text-align: center;
text-transform: uppercase;
font-size: 16px;
padding: 9px 15px !important;
min-width: 175px;
border: 1px solid;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
position: relative;
-webkit-transition: all ease-in-out 0.4s;
-moz-transition: all ease-in-out 0.4s;
-ms-transition: all ease-in-out 0.4s;
-o-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;
}
.cus_btn:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all ease-in-out 0.4s;
-moz-transition: all ease-in-out 0.4s;
-ms-transition: all ease-in-out 0.4s;
-o-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;
z-index: -2;
}
.cus_btn:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
right: 50%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all ease-in-out 0.4s;
-moz-transition: all ease-in-out 0.4s;
-ms-transition: all ease-in-out 0.4s;
-o-transition: all ease-in-out 0.4s;
transition: all ease-in-out 0.4s;
z-index: -1;
max-width: 0;
}
.cus_btn:hover:after {
left: 0;
right: 0;
max-width: 100%;
}
.cus_btn {
color: #69747d !important;
background: transparent;
border-color: #69747d;
}
.cus_btn:hover {
color: #fff !important;
border-color: #3a7bd5;
}
.cus_btn:before {
background: #fff;
}
.cus_btn:after {
background: linear-gradient(to right, #189beb 0%, #3a7bd5 100%) !important;
}
.cus_btn.orange_btn {
color: #fff !important;
}
.cus_btn.orange_btn:before {
background: linear-gradient(to right, #ff6762 0%, #ff8365 39%, #ff4d4d 100%);
}
.cus_btn.orange_btn:after {
background: #fff;
}
.cus_btn.orange-2 {
color: #fff !important;
border-color: #fff;
font-size: 20px;
line-height: 40px;
padding-left: 50px !important;
padding-right: 50px !important;
}
.cus_btn.orange-2:before {
background: linear-gradient( 
180deg
 , rgb(152 156 160) 0, rgb(107 114 124) 100%);
}
.fff {
color: #fff !important;
}
.pos-r {
position: relative;
}
#style-2::-webkit-scrollbar {
width: 3px;
background-color: #f5f5f5;
}
#style-2::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgb(206 112 69);
background-color: #ce7045;
}
a:hover {
text-decoration: none;
}
.m0 {
margin: 0;
}
.width100 {
width: 100%;
}
button:focus {
outline: none;
}
.mobdisb {
display: none;
}
.border-top-class {
border-top: 1px solid gray;
padding-top: 20px;
margin-top: 30px;
color: #000;
}
p {
font-size: 18px;
/*line-height: 1.6;*/
color: #686563;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb40 {
margin-bottom: 40px;
}
.defaultptb60 {
padding-top: 60px;
padding-bottom: 60px;
}
.defaultptb0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.defaultpt60 {
padding-top: 60px !important;
}
.defaultpb60 {
padding-bottom: 60px;
}
.mt30 {
margin-top: 30px !important;
}
.mb5 {
margin-bottom: 5px;
}
.pt0 {
padding-top: 0 !important;
}
.p0 {
padding: 0;
}
button.yellowworange {
border: none;
top: 9px;
right: 6px;
font-size: 17px;
font-weight: 700;
color: #fff;
border: none;
cursor: pointer;
border-radius: 5px;
padding: 8px 18px 10px;
text-align: center;
transition: all 500ms ease;
}
.yellowworange {
background: linear-gradient( 
180deg
 , rgb(152 156 160) 0, rgb(107 114 124) 100%);
}
button.yellowworange a {
color: #fff;
}
.pb0 {
padding-bottom: 0 !important;
}
@-webkit-keyframes blinker {
from {
opacity: 1;
}
to {
opacity: 0.5;
}
}
.blink {
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-direction: alternate;
}
.new-heading-style span img {
height: 28px;
vertical-align: -4px;
margin-right: 10px;
}
.new-heading-style {
text-align: left;
margin-bottom: 50px;
}
.maintitle {
font-size: 35px;
display: block;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 8px;
color: #3c4858;
}
.maintitlesubheading {
display: block;
font-weight: 700;
font-size: 21px;
margin-bottom: 7px;
color: #3c4858;
}
.width60-percent {
width: 60%;
}
.width90-percent {
width: 100%;
}
.ogen-commonheading {
font-size: 26px;
}
.ogen-commonparagraph {
font-size: 18px;
}
.pulsebtn {
display: inline-block;
color: #fff;
vertical-align: super;
border-radius: 1.5px;
border: solid 1px #70aa26;
background-color: #70aa26;
padding: 9px 20px 9px 47px;
position: relative;
}
.pulsebtn {
transition: 0.5s;
cursor: pointer;
}
.animation-on-hover.pulsebtn {
font-size: 16px;
font-weight: 600;
padding: 13px 20px 13px 40px;
color: #fff !important;
}
.animation-on-hover.pulsebtn:before {
animation: pulso 2s infinite !important;
}
.pulsebtn:before {
box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
animation: pulso 2s infinite;
transition: 0.5s;
content: "";
width: 15px;
height: 15px;
border: 3px solid #fff;
position: absolute;
left: 15px;
border-radius: 50%;
top: 0px;
bottom: 0px;
margin: auto;
}
@keyframes pulso {
0% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
}
70% {
-moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@-webkit-keyframes pulseaim {
to {
box-shadow: 0 0 0 18px rgba(12, 108, 211, 0);
}
}
.sec-heading-s .sectopheading {
font-size: 45px;
line-height: 1.2;
color: #3c4858;
font-weight: 800;
display: block;
margin-bottom: 20px;

}
.sectopheading span {
color: #ce7045;
border-bottom: 2px solid #ce7045;
line-height: 48px;
}
/* Default css end*/
/*callbutton css*/
.calllisticon .call-item {
position: relative;
line-height: 1;
top: 9px;
}
.calllisticon .call-item .search-btn {
cursor: pointer;
transition: 0.6s;
font-size: 18px;
font-weight: 600;
display: inline-block;
height: 50px;
width: 50px;
line-height: 50px;
background: #8aadd2d9;
}
.calllisticon .call-item .close-btn {
cursor: pointer;
transition: 0.6s;
font-size: 18px;
font-weight: 600;
display: none;
height: 51px;
width: 51px;
line-height: 51px;
background: #8aadd2d9;
}
.calllisticon i.fa.fa-phone {
color: inherit;
font-size: 17px;
position: relative;
top: 1px;
left: 0;
}
.calllisticon .call-item .close-btn.active {
display: block;
}
.calllisticon .call-item .call-button {
display: inline-block;
background-color: #3c4858;
padding: 17px 25px;
font-size: 17px;
color: #fff;
transition: 0.6s;
}
.calllisticon .call-item .call-button:hover {
background-color: #647d9a;
}
.calllisticon .call-item .call-button i {
margin-right: 5px;
}
.storecls {
background: #ce7045 !important;
}
a.call-button.storecls:hover {
background: #94aece !important;
}
a.call-button:hover {
cursor: pointer;
}
.search-overlay.searchingpopup {
margin-top: 12px;
}
li.nav-item.calllisticon .call-item {
background: transparent;
}
.cp-widget-button {
display: inline-block;
position: fixed;
bottom: 5%;
left: 2%;
z-index: 999999;
}
.cp-widget-button.pulsetwo {
display: block;
border-radius: 50%;
background: #e96529;
cursor: pointer;
box-shadow: 0 0 0 rgb(233, 101, 41);
animation: pulsetwoo 2s infinite;
}
.pulsetwo {
display: block;
border-radius: 50%;
background: #e96529;
cursor: pointer;
box-shadow: 0 0 0 rgb(233, 101, 41);
animation: pulsetwoo 2s infinite;
}
.cp-widget-button.pulsetwo:hover {
animation: none;
}
@-webkit-keyframes pulsetwoo {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
}
}
@keyframes pulsetwoo {
0% {
-moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
box-shadow: 0 0 0 10px rgba(233, 101, 41, 0.61);
}
100% {
-moz-box-shadow: 0 0 0 10px rgba(233, 101, 41, 0.61);
box-shadow: 0 0 0 10px rgba(233, 101, 41, 0.61);
}
}
.cp-widget-button__inner {
height: 57px;
width: 57px;
line-height: 57px;
background: #ce7045;
border-radius: 50%;
text-align: center;
cursor: pointer;
}
img.logomodal {
width: 75px;
}
/*callbutton css end*/
/**--popup css--*/
.popup {
text-align: center;
background: #fff;
z-index: 99999;
padding: 0px 0 0;
}
.hide1 {
text-align: right;
padding: 14px;
max-height: 40px;
font-size: 40px;
}
.popup1 p {
font-size: 29px;
color: #ce7045;
line-height: 35px;
font-weight: 800;
text-align: center;
text-shadow: #fff 1px 0 10px;
padding: 15px 64px 30px;
}
.crossclr {
color: #b5571e !important;
position: relative;
right: 15px;
top: 3px;
font-size: 35px;
}
.modal-dialog.modal-dialog-centered.modal-md {
max-width: 570px;
}
.popup1 {
margin-top: 5px;
}
.crossclr:hover {
cursor: pointer;
}
.form-style input {
display: block;
margin: 0 auto;
}
.number-sub {
width: 60% !important;
padding: 8px;
color: #fff;
font-weight: 700;
font-size: 21px;
border-radius: 6px;
border: 2px solid;
}
.number-sub:hover {
background: linear-gradient(90deg, #e89823, #e05c1e 50%, #343a40) var(--x, 0) / 200%;
}
a.hide-pop {
position: relative;
bottom: 20px;
}
.number-text {
padding: 8px;
border-radius: 4px;
width: 60% !important;
margin-bottom: 13px !important;
border: 1px dashed #777;
}
.form-style input {
display: block;
margin: 0 auto;
}
.hidebot {
display: none !important;
}
#error_message {
margin: 10px 0px;
padding: 10px 0px;
}
#success_message {
margin: 10px 0px;
padding: 10px 0px;
}
.modal-content {
background: transparent;
}
@media (max-width: 767px) {
.modal-open .modal {
padding-right: 0 !important;
}
.popup1 p {
padding: 15px 20px 30px;
}
.number-text {
width: 85% !important;
}
}
/**--popup css end--*/
/*content box*/
.award_detail {
flex-wrap: wrap;
align-items: flex-start;
flex-direction: column;
position: relative;
}
.award_detail:before {
content: "";
width: 150px;
height: 20px;
border-radius: 7px;
background-image: url(../imags-og/download.png);
position: absolute;
top: -9px;
left: 35px;
}
.plain-blue-bg:before {
background-color: #fae0e2;
}
.plain-blue1-bg:before {
background-color: #d272e3;
}
/*content box end*/
.defaultptb600 {
padding-top: 60px !important;
padding-bottom: 0px !important;
}
/*digitalpro_banner start*/
.digitalpro_banner {
    background: none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    height: 100%;
    position: relative;
    padding: 10.5rem 1rem 15rem;
    padding-bottom: 0;
    overflow: hidden;
}
.digitalpro_banner h2 {
color: #3c4858;
font-size: 45px;
font-weight: bold;
letter-spacing: 0;
line-height: 63px;
margin-bottom: 20px;
}
span.smallhead
{
font-size: 18px;
margin: 0;
color: #3b3663;
display: block;
font-weight: bold;
}
.digitalpro_banner p
{
font-size: 20px;
line-height: 30px;
color:#474545;
}
.customwidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1120px;
}
.bannerimgpos {
    position: absolute;
    bottom: 0px;
    left: calc(51% - 30px);
    transform: translateX(-50%);
}
    .bannerimgpos {
    width: 1772px;
}
.ogenBanner-content {
    position: relative;
    top: -145px;
    position: relative;
    z-index: 1;
}
.video-popup__link {
border-color: #fff;
background-color: #3c4858;
    background-image: linear-gradient(
90deg
, #3c4858 0%, #ce7045 100%);
width: 45px;
height: 45px;
border-radius: 50%;
color: #fff;
margin-right: 8px;
}
.video-popup__link i {
color: #fff;
position: relative;
top: 43%;
left: 50%;
transform: translate(-50%, -50%);
}
.disflexalign {
display: flex;
align-items: center;
}
.cus_btn.orange-2 {
font-size: 16px;
line-height: 30px;
padding-left: 0px !important;
padding-right: 0 !important;
margin-right: 15px;
z-index: 1;
}
.mt30 {
margin-top: 30px;
}
img.digitalf {
position: absolute;
top: -70px;
}
img.digitals {
position: absolute;
left: 0;
bottom: 0;
max-width: 8%;
}
img.digitalt {
position: absolute;
bottom: -140px;
left: 0;
z-index: -1;
}
.animsvg1 {
left: -10%;
z-index: 50;
width: 13px;
max-width: 13px;
top: -90px;
}
.posabs {
position: absolute;
}
.animsvg3 {
left: 50%;
bottom: 7px;
top: -100px;
}
a.disflexalign {
display: flex;
align-items: center;
}
.videobtn:hover i {
color: #764ed2 !important;
}
a.disflexalign:hover .video-popup__link {
background: linear-gradient(180deg, rgb(202 173 160) 0, rgb(152 144 135) 100%);
}
.gt3_moved_element2 {
-webkit-animation: movedelement2 8s linear infinite;
animation: movedelement2 8s linear infinite;
}
.gt3_moved_element3 {
-webkit-animation: movedelement3 12s linear infinite;
animation: movedelement3 12s linear infinite;
}
.gt3_moved_element {
-webkit-animation: movedelement 5s linear infinite;
animation: movedelement 5s linear infinite;
}
@keyframes movedelement2 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
25% {
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
}
50% {
-webkit-transform: translate(-5px, -5px);
transform: translate(-5px, -5px);
}
75% {
-webkit-transform: translate(-10px, 5px);
transform: translate(-10px, 5px);
}
to {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes movedelement3 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
25% {
-webkit-transform: translate(15px, 15px);
transform: translate(15px, 15px);
}
50% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
75% {
-webkit-transform: translate(15px, -8px);
transform: translate(15px, -8px);
}
to {
-webkit-transform: translate(0);
transform: translate(0);
}
}
@keyframes movedelement {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
25% {
-webkit-transform: translate(10px, 10px);
transform: translate(10px, 10px);
}
50% {
-webkit-transform: translate(5px, 5px);
transform: translate(5px, 5px);
}
75% {
-webkit-transform: translate(10px, -5px);
transform: translate(10px, -5px);
}
to {
-webkit-transform: translate(0);
transform: translate(0);
}
}
/*digitalpro_banner end*/
/*clients logo start*/
.bgmenulike {
    margin-top: 80px;
}
.ogenBanner-belowclients {
position: relative;
bottom: 0;
box-shadow: 0 3px 16px rgb(150 144 144 / 21%);
background: #fff;
padding: 10px 50px 10px 50px;
margin: 0;
border-radius: 10px;
}
.ogenBanner-belowclients .ogenBanner-belowclients-images {
display: flex;
align-items: center;
justify-content: space-between;
}
.ogenBanner-belowclients .ogenBanner-belowclients-images img {
max-width: 9%;
filter: grayscale(1);
-webkit-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.ogenBanner-belowclients .ogenBanner-belowclients-images img:hover {
margin-top: -16px;
}
/*clients logo end*/
/*about ogen start*/
.ogenabout-home
{
    margin-top: 50px;
}
.ogenabout-home .widgets .widgets-item {
display: -ms-flexbox;
display: flex;
background: #fff;
align-items: center;
color: #333;
justify-content: center;
padding: 30px 0;
transition: all 0.3s ease-in-out;
border-radius: 8px;
cursor: pointer;
}
.ogenabout-home .widgets .widgets-item:hover {
margin-top: -10px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.ogenabout-home .widgets .widget-icon {
width: 65px;
min-width: 65px;
margin-right: 15px;
}
.ogenabout-home .widgets .widget-content span {
font-size: 26px;
display: inline-block;
width: 100%;
margin-bottom: 5px;
vertical-align: bottom;
font-weight: 600;
}
.ogenabout-home .widgets .widget-content p {
font-size: 19px;
margin: 0;
color: #333;
}
/*about ogen end*/
/*clients logo start*/
.icon-right-arrow:before {
font-family: fontawesome !important;
content: "\f105";
}
.home-services .super-offer {
margin: 0 auto;
padding: 52px 0 0;
position: relative;
top: -50px;
z-index: 1;
}
.home-services h2 {
font-size: 39px;
color: #e05c1e;
font-weight: 700;
}
/*clients logo end*/
/*industry solutions start*/
.new-heading-style {
text-align: center;
margin-bottom: 50px;
}
.industry-latesttech-wrapper {
margin-bottom: 40px;
background: #fff;
box-shadow: 0 50px 40px #604c3e21;
border-radius: 10px 10px 10px 10px;
transition: 0.25s ease-in-out;
overflow: hidden;
}
section.industry-latesttech {
background: #fff;
}
.industry-latesttech h2.technology-title {
font-size: 15px;
}
.industry-latesttech-wrapper .industry-latesttech-icons {
background: linear-gradient(0deg, rgb(119 154 108 / 79%) 0, rgb(63 115 71 / 74%) 100%);
padding: 30px 20px;
}
.industry-latesttech-wrapper .industry-latesttech-icons.education-icon {
background: #92889cd1;
}
.industry-latesttech-wrapper .industry-latesttech-icons.travel-icon {
background: #889c8ed1;
}
.industry-latesttech-wrapper .industry-latesttech-icons.transport-icon {
background: #9c8893d1;
}
.industry-latesttech-wrapper .industry-latesttech-icons.retail-icon {
background: #989c88d1;
}
.industry-latesttech-wrapper .industry-latesttech-icons.food-icon {
background: -webkit-linear-gradient(to right, #ff4b2b, #ff416c);
background: linear-gradient(111.8deg, rgb(0 104 155 / 55%) 19.8%, rgb(64 102 117 / 72%) 92.1%);
}
.industry-latesttech-wrapper .industry-latesttech-icons.agriculture-icon {
    background: #c68282d1;
}
.industry-latesttech-wrapper .industry-latesttech-icons.media-icon {
background: #d0ae99;
}
.industry-latesttech-wrapper .industry-latesttech-icons.bankingFin-icon {
background: linear-gradient(to right, #f26629e3, #f26629d9);
}
.industry-latesttech-wrapper .industry-latesttech-icons.sprot-icon {
background: #88979cd1;
}
.industry-latesttech-wrapper .industry-latesttech-icons.reatEstate-icon {
background: #c6b582d1;
}
.industry-latesttech-wrapper .industry-latesttech-icons.automobile-icon {
background: linear-gradient(111.8deg, rgb(0 104 155 / 55%) 19.8%, rgb(64 102 117 / 72%) 92.1%);
}
.industry-latesttech-wrapper .industry-latesttech-icons.ticketing-icon {
background: #c682a1d1;
}
.industry-latesttech-wrapper .industry-latesttech-icons.enterpriseBus-icon {
background: #9c8888d1;
}
.industry-latesttech-wrapper .industry-latesttech-icons.socialNetworking-icon {
background: #89889cd1;
}
.industry-latesttech-wrapper .industry-latesttech-icons.b2bB2c-icon {
background: -webkit-linear-gradient(to right, #5e4f7d, #9991a0);
background: linear-gradient(0deg, rgb(119 154 108 / 79%) 0, rgb(63 115 71 / 74%) 100%);
}
.industry-latesttech-wrapper .industry-latesttech-icons.construction-icon {
background: -webkit-linear-gradient(to right, #45b649, #dce35b);
background: linear-gradient(0deg, rgb(119 154 108 / 79%) 0, rgb(63 115 71 / 74%) 100%);
}
.industry-latesttech-wrapper .industry-latesttech-icons.logistic-icon {
background: #9c9188d1;
}
.industry-latesttech-icons img {
max-width: 50px;
position: relative;
z-index: 3;
}
.industry-latesttech-icons i {
font-size: 50px;
color: #fff;
}
.industry-latesttech-wrapper path {
fill: #288ce1;
}
.technology-content p.technology-title {
color: #212121;
margin: 16px 5px;
font-weight: 400;
font-size: 17px;
}
.industry-latesttech .industry-latesttech-wrapper:hover {
box-shadow: 1px 0 34px 1px rgba(0, 0, 0, 0.13), 0 15px 34px 1px rgba(0, 0, 0, 0.13);
transform: scale(1.1);
}
/*industry solutions end*/
/*why choosesec start*/
.fsizeimp
{
    font-size: 25px !Important;
}
.whychoosebtn {
display: inline-block;
color: #fff;
vertical-align: super;
border-radius: 1.5px;
border: solid 1px #ce7045;
background-color: #ce7045;
padding: 9px 20px 9px 47px;
position: relative;
}
.whychoosebtn {
transition: 0.5s;
cursor: pointer;
}
.animation-on-hover.whychoosebtn {
font-size: 18px;
padding: 8px 20px 8px 47px;
color: #fff !important;
border-radius: 5px;
}
.animation-on-hover.whychoosebtn:before {
animation: pulso 2s infinite !important;
}
.whychoosebtn:before {
box-shadow: 0 0 0 rgb(255 255 255 / 40%);
animation: pulso 2s infinite;
transition: 0.5s;
content: "";
width: 15px;
height: 15px;
border: 3px solid #fff;
position: absolute;
left: 15px;
border-radius: 50%;
top: 0;
bottom: 0;
margin: auto;
}
.whychoosebtn:hover {
color: #fff;
}
a.banner-btn.cus_btn.orange-2 {
font-size: 17px;
padding-left: 30px !important;
padding-right: 30px !important;
line-height: 34px;
position: relative;
z-index: 9;
}
.whychoose_sec {
background-color: #faf9f8;
margin-top: -85px;
padding-top: 55px;
}
.whychooserightcont {
box-shadow: 29px 29px 59px 0 rgb(28 137 212 / 10%);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0 0 40px 0;
padding: 40px 5px 5px 40px;
border-radius: 42px 10px 42px 10px;
background: #fff;
}
.whychooserightcont:hover {
border-radius: 10px 52px 10px 52px;
}
.whychooserightcont img {
width: 65px;
height: 65px;
margin-bottom: 10px;
}
.whychooserightcont h4 {
font-size: 20px;
line-height: 26px;
}
.whychooserightcont p {
color: #474545;
}
/*why choosesec end*/
/*ogen blog start*/
.ogenlatest-blogs ul {
list-style: none;
display: flex;
flex-wrap: wrap;
padding: 0;
padding-right: 40%;
position: relative;
margin: 0 -15px;
}
.ogenlatest-blogs ul li {
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.ogenlatest-blogs ul li:hover img {
transform: scale(1.1);
}
.ogenlatest-blogs ul li img {
transition: 0.5s;
}
.zoomWrapper {
overflow: hidden;
-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.zoomWrapper img {
max-width: 100%;
height: auto;
display: block;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.zoomWrapper img:hover {
-webkit-transform: scale(1.25);
-moz-transform: scale(1.25);
-ms-transform: scale(1.25);
-o-transform: scale(1.25);
transform: scale(1.1);
}
@keyframes flash {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
.flasher {
animation: flash 300ms infinite;
}
.ogenlatest-blogs ul li {
width: 100%;
float: left;
display: flex;
align-items: center;
margin: 15px;
}
.ogenlatest-blogs ul li img {
width: 50%;
}
.ogenlatest-blogs ul li figcaption {
width: 50%;
padding: 15px 25px;
}
.ogenlatest-blogs ul li:nth-child(3) {
height: calc(100% - 30px);
position: absolute;
width: calc(40% - 30px);
right: 0;
align-items: flex-start;

top: 0;
bottom: 0;
margin: auto;
}
.ogenlatest-blogs ul li:nth-child(3) img {
width: 100%;
}
.ogenlatest-blogs ul li:nth-child(3) figcaption {
width: 100%;
margin-top: 15px;
}
.ogenlatest-blogs ul li figcaption .bloghead {
display: block;
}
.ogenlatest-blogs ul li:nth-child(2) img {
order: 2;
}
.ogenlatest-blogs ul li:nth-child(1) {
background-color: #e7f7d8;
background-image: url(../../assets-o/images-o/commonimg/grain.html);
}
.ogenlatest-blogs ul li:nth-child(2) {
background-color: #ffeaee;
background-image: url(../../assets-o/images-o/commonimg/grain.html);
}
.ogenlatest-blogs ul li:nth-child(3) {
background-color: #faefb7;
background-image: url(../../assets-o/images-o/commonimg/grain.html);
}
.ogenlatest-blogs ul li figcaption .bloghead {
margin: 0;
margin-bottom: 10px;
font-size: 22px;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: 1.36;
letter-spacing: normal;
text-align: left;
color: #fff;
}
.ogenlatest-blogs ul li figcaption .bloghead a {
color: #3c4858;
}
.ogenlatest-blogs ul li figcaption p {
margin: 0;
font-size: 16px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: left;
color: #5f5e5f;
}
.pulsebtn.blogbtn {
position: absolute;
right: 0;
bottom: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
background-color: transparent;
border: none;
color: #000 !important;
}
.posrelative {
position: relative;
}
.ogenblogsec .new-heading-style {
margin-bottom: 30px;
}
.pulsebtn.blogbtn:before {
border: 3px solid #f26629;
}
.ogenlatest-blogs ul li:nth-child(2) .bloghead,
.ogenlatest-blogs ul li:nth-child(2) p,
.ogenlatest-blogs ul li:nth-child(2) .bloghead a {
color: #474545;
}
/*ogen blog end*/
/*videosec start*/
.videosec .videocontainer {
padding: 170px 0 170px 0;
background-color: #0a1119;
box-shadow: 0 50px 40px #fff;
background-image: url(../imags-og/video_bg.png);
background-repeat: no-repeat;
border-radius: 20px 20px 20px 20px;
}
.video-popup__link2 {
position: relative;
z-index: 1;
display: inline-block;
box-sizing: border-box;
width: 66px;
height: 66px;
vertical-align: middle;
border-radius: 50%;
background-color: currentColor;
}
.video-popup__link2 {
border-color: #764ed2;
background-color: #ffc4c4;
width: 82px;
height: 82px;
transition: all 0.3s;
}
.video-popup__link2 i {
top: 50%;
position: relative;
transform: translateY(-50%);
font-size: 25px;
}
.video-popup-animation {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 50%;
display: block;
width: 126px;
height: 126px;
margin: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.video-popup-animation {
color: #d32f2f;
}
.video-popup-animation {
width: 146px;
height: 146px;
}
.video-popup-animation-type1 .video-popup-animation > div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 5%;
height: 5%;
margin: auto;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-animation-name: video_pulse_animation_outside;
animation-name: video_pulse_animation_outside;
-webkit-animation-duration: 2.1s;
animation-duration: 2.1s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 50%;
box-shadow: 0 0 1px 1px currentColor;
}
@keyframes video_pulse_animation_outside {
0% {
width: 5%;
height: 5%;
opacity: 1;
}
100% {
width: 100%;
height: 100%;
opacity: 0;
}
}
section.videosec {
margin-bottom: -300px;
}
/*videosec end*/
/*belowvideosec start*/
.belowvideosec {
background: #fff9eb;
/*background-size: cover;*/

min-height: 450px;
padding-top: 220px !important;
}
/*belowvideosec end*/
/*videomodal start*/
.videomodal .close {
position: absolute;
right: -30px;
top: 0;
z-index: 999;
font-size: 2rem;
font-weight: 400;
color: #fff;
opacity: 1;
}
.videomodal .modal-content {
background: transparent;
border: none;
}
.modal-open .videomodal.modal {
background: #000000d4;
}
/*videomodal end*/
/*Best WebDesign Section Start*/
.info-text .primary {
font-size: 18px;
color: #6e6d6f;
box-shadow: 0px 13px 0px 10px rgb(150 144 144 / 21%);
border-radius: 10px;
line-height: 1.5em;
font-family: "Open Sans", sans-serif;
font-weight: 400;
padding: 20px 35px;
}
.award_detail {
flex-wrap: wrap;
align-items: flex-start;
flex-direction: column;
position: relative;
}
/*Best WebDesign Section End*/
/*rating slider start*/
.sec {
display: inline-block;
width: 100%;
vertical-align: bottom;
position: relative;
z-index: 2;
}
.ogenrating-sec .rating-block .sec-heading-s {
padding: 0 100px;
margin-bottom: 0;
}
.sec-heading-s h3 span {
color: #00c2ff;
border-bottom: 2px solid #00c2ff;
line-height: 48px;
}
.sec-heading-s h3 {
font-size: 46px;
line-height: 1.4;
color: #333;
font-weight: 700;
margin-bottom: 20px;
}
.sec-heading-s h4 {
font-size: 24px;
font-weight: 400;
color: #333;
margin-bottom: 15px;
line-height: 2;
}
.ogenrating-sec {
padding-top: 60px;
padding-bottom: 50px;
}
.ogenrating-sec .rating-block {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 13px 0px 10px #fef2f3;
    border-radius: 10px;
    margin-top: -80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 15px 60px;
}
.ogenrating-sec .rating-block .trophy-icon {
margin-top: -200px;
margin-bottom: 30px;
}
.ogenrating-sec .rating-block .rating-slider {
width: calc(100% + 0px);
margin-left: 0;
padding-bottom: 15px;
margin-top: 30px;
}
.ogenrating-sec .rating-block .rating-slider .slick-slide {
margin-left: 15px;
}
.ogenrating-sec .rating-block .rating-slider .widgets {
display: flex !important;
align-items: center;
text-align: left;
padding: 30px 15px;
box-shadow: 0 12px 20px rgb(0 0 0 / 6%);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow {
position: absolute;
top: -45px;
right: 0;
font-size: 0;
border: none;
background-color: transparent;
color: #ff9623;
padding: 0;
width: 34px;
height: 34px;
line-height: 34px;
border-radius: 100%;
background-color: rgb(58 48 37 / 83%);
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow:hover {
color: #ff9623;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-prev {
margin-left: 0;
margin-right: 50px;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-next {
margin-right: 0;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-prev:after {
content: "\f053";
font-size: 16px;
font-family: "Fontawesome";
transition: none;
font-weight: 300;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-prev:hover:after {
margin-left: 0;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-next:after {
content: "\f054";
font-size: 16px;
font-family: "Fontawesome";
transition: none;
font-weight: 300;
}
.ogenrating-sec .rating-block .rating-slider .slick-arrow.slick-next:hover:after {
margin-left: 0;
}
.ogenrating-sec .rating-block .rating-slider .widget-icon {
width: 100px;
}
.ogenrating-sec .rating-block .rating-slider .widget-content .title {
font-size: 24px;
display: inline-block;
width: 100%;
color: #333;
font-weight: 600;
}
.ogenrating-sec .rating-block .rating-slider .widget-content .count-base {
display: inline-block;
width: 100%;
font-size: 16px;
color: #333;
}
.ogenrating-sec .rating-block .rating-slider .widget-content .rating {
font-size: 20px;
color: #333;
font-weight: 300;
line-height: 26px;
margin: 15px 0;
}
.ogenrating-sec .rating-block .rating-slider .widget-content .rating .rating-stars i {
background-color: #efce4a;
width: 15px;
margin-left: 5px;
color: #fff;
height: 15px;
line-height: 15px;
font-size: 10px;
text-align: center;
vertical-align: top;
margin-top: 5px;
}
.ogenrating-sec .rating-block .rating-slider .trustpilot .widget-content .rating {
color: #00b67a;
}
.ogenrating-sec .rating-block .rating-slider .trustpilot .widget-content .rating .rating-stars i {
background-color: #00b67a;
}
.ogenrating-sec .rating-block .rating-slider .goodfirms .widget-content .rating {
color: #799275;
}
.ogenrating-sec .rating-block .rating-slider .goodfirms .widget-content .rating .rating-stars i {
background-color: #ceaa5e;
}
.ogenrating-sec .rating-block .rating-slider .extract .widget-content .rating {
color: #08bde8;
}
.ogenrating-sec .rating-block .rating-slider .extract .widget-content .rating .rating-stars i {
background-color: #08bde8;
}
.ogenrating-sec .rating-block .rating-slider .businessofapp .widget-content .rating {
color: #c32725;
}
.ogenrating-sec .rating-block .rating-slider .businessofapp .widget-content .rating .rating-stars i {
background-color: #799275;
}
.ogenrating-sec .rating-block .rating-slider .itfirms .widget-content .rating {
color: #799275;
}
.ogenrating-sec .rating-block .rating-slider .itfirms .widget-content .rating .rating-stars i {
background-color: #5e87ce;
}
.ogenrating-sec .rating-block .rating-slider .appfutura .widget-content .rating {
color: #799275;
}
.ogenrating-sec .rating-block .rating-slider .appfutura .widget-content .rating .rating-stars i {
background-color: #ce675e;
}
.ogenrating-sec .rating-block .rating-slider .trustfirms .widget-content .rating {
color: #fe811b;
}
.ogenrating-sec .rating-block .rating-slider .trustfirms .widget-content .rating .rating-stars i {
background-color: #fe811b;
}
.ogenrating-sec .rating-block .rating-slider .topdevelopers .widget-content .rating {
color: #002c5f;
}
.ogenrating-sec .rating-block .rating-slider .topdevelopers .widget-content .rating .rating-stars i {
background-color: #002c5f;
}
.ogenrating-sec .rating-block .rating-slider .skilled .widget-content .rating {
color: #ffd150;
}
.ogenrating-sec .rating-block .rating-slider .skilled .widget-content .rating .rating-stars i {
background-color: #ffd150;
}
.ogenrating-sec .rating-block .rating-slider .deloitte .widget-content .rating {
color: #7fc241;
}
.ogenrating-sec .rating-block .rating-slider .deloitte .widget-content .rating .rating-stars i {
background-color: #7fc241;
}
.ogenrating-sec .rating-block .rating-slider .appdexa .widget-content .rating {
color: #3dcc83;
}
.ogenrating-sec .rating-block .rating-slider .appdexa .widget-content .rating .rating-stars i {
background-color: #3dcc83;
}
.ogenrating-sec .rating-block .rating-slider .clutch .widget-content .rating {
color: #799275;
}
.ogenrating-sec .rating-block .rating-slider .clutch .widget-content .rating .rating-stars i {
background-color: #ce675e;
}
.sprite-dline {
display: inline-block;
}
.bg-gf-sprite {
width: 105px;
height: 50px;
background: url(../imags-og/business-listing_sprites.png) -10px -109px;
}
.bg-itfirms-sprite {
width: 99px;
height: 55px;
background: url(../imags-og/business-listing_sprites.png) -10px -209px;
}
.bg-skilled-sprite {
width: 86px;
height: 24px;
background: url(../imags-og/business-listing_sprites.png) -129px -209px;
}
.bg-topdevelopers-sprite {
width: 81px;
height: 80px;
background: url(../imags-og/business-listing_sprites.png) -290px -10px;
}
.bg-appdexa-sprite {
width: 90px;
height: 22px;
background: url(../imags-og/business-listing_sprites.png) -235px -209px;
}
.bg-businessofapp-sprite {
width: 70px;
height: 70px;
background: url(../imags-og/business-listing_sprites.png) -10px -284px;
}
.bg-deloitte-sprite {
width: 90px;
height: 17px;
background: url(../imags-og/business-listing_sprites.png) -184px -284px;
}
.bg-trustfirms-sprite {
width: 75px;
height: 78px;
background: url(../imags-og/business-listing_sprites.png) -290px -110px;
}
.bg-trustpilot-sprite {
width: 150px;
height: 79px;
background: url(../imags-og/business-listing_sprites.png) -10px -10px;
}
.bg-extract-sprite {
width: 90px;
height: 43px;
background: url(../imags-og/business-listing_sprites.png) -180px -120px;
}
.bg-cl-sprite {
width: 90px;
height: 80px;
background: url(../imags-og/business-listing_sprites.png) -180px -15px;
}
.bg-appfutura-sprite {
width: 64px;
height: 70px;
background: url(../imags-og/business-listing_sprites.png) -100px -284px;
}
.hvr-shutter-out-horizontal {
box-shadow: inset 0 0 10px rgb(0 0 0 / 12%);
border-radius: 30px;
border: none;
text-transform: uppercase;
letter-spacing: 0.78px;
color: #2d2f2e;
width: 140px;
height: 36px;
text-align: center;
font-size: 14px;
}
.hvr-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
transition-property: color;
transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal {
z-index: 1;
position: absolute;
bottom: -16px;
left: 50%;
transform: translateX(-50%);
line-height: 36px;
overflow: hidden;
background: #ecc470;
box-shadow: inset 0 0 10px rgb(0 0 0 / 12%);
}
.hvr-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:active:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:hover:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
color: #fff;
}
.hvr-shutter-out-horizontal:hover {
color: #fff;
}
/*rating slider end*/
/*portfolio section start*/
.ogenportfolio-stats ul {
list-style: none;
padding: 0;
margin: 0;
}
.ogenportfolio-stats ul li {
text-align: center;
}
.ogenportfolio-stats {
margin-top: 35px;
}
.ogenportfolio-stats .stats {
display: inline-block;
text-align: left;
filter: grayscale(1);
min-width: 190px;
min-height: 110px;
background-image: url(../imags-og/counterimg.png);
background-size: 100%;
background-position: 0 -20px;
background-repeat: no-repeat;
}
.ogenportfolio-stats ul li + li {
margin-top: 65px;
}
.ogenportfolio-stats ul li:nth-child(2) .stats {
background-position: 0 53%;
}
.ogenportfolio-stats ul li:nth-child(3) .stats {
background-position: 0 100%;
}
.ogenportfolio-image {
position: relative;
overflow: hidden;
border-radius: 10px;
margin-bottom: 30px;
}
.ogenportfolio-image a {
position: relative;
display: block;
overflow: hidden;
}
.ogenportfolio-image a:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(67, 155, 194, 0.4);
opacity: 0;
transition: opacity 0.2s ease-in-out;
border-radius: 10px;
}
.ogenportfolio-image img {
width: 100%;
border-radius: 10px;
}
.ogenportfolio-image a span {
color: #fff;
    position: absolute;
    bottom: -50px;
    right: 10px;
    padding: 5px 15px;
    background: #000;
    border-radius: 5px;
    box-shadow: 0 0 7px rgb(105 76 76 / 30%);
    transition: bottom 0.3s ease-in-out;
}
.ogenportfolio-image:hover a:before {
opacity: 1;
transition: opacity 0.2s ease-in-out;
}
.ogenportfolio-image:hover a span {
bottom: 10px;
transition: bottom 0.3s ease-in-out;
}
.mt85 {
margin-top: 85px;
}
.mt65 {
margin-top: 65px;
}
/*portfolio section end*/
/*newleftrightsec start*/
.ogencm-services {
overflow: hidden;
position: relative;
}
.ogencm-services .overlay-text {
text-align: center;
font-size: 21vw;
position: absolute;
left: 0vw;
top: 0;
z-index: -1;
font-weight: 900;
color: #fcfcfc;
line-height: 1;
}
.ogencm-services .top-content {
margin-bottom: 0;
}
.ogencm-services .top-content .section-title {
line-height: 1.4;
}
.ogenservice-item {
position: relative;
margin-bottom: 150px;
}
.ogenservice-item:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 40%;
height: 80%;
background: #e7f7d8;
z-index: -1;
}
.ogenservice3:before {
   background: #f1daff;; 
}
.ogenservice2:before {
   background: #faefb7; 
}
.ogenservice1:before {
   background: #ffeaee; 
}
.ogenservice-item .container1:before{
background: #ffeaee !important;
}
.ogenservice-item .container2:before{
background: #faefb7 !important;
}
.ogenservice-item .container3:before{
background: #f1daff !important;
}
.ogenservice-item.center .container:before,
.ogenservice-item.center:before {
height: 100%;
}
.ogenservice-item.right:before {
left: auto;
right: 0;
}
.ogenservice-item.bottom:before {
top: auto;
bottom: 0;
}
.ogenservice-item.center:before {
top: 50%;
transform: translateY(-50%);
}
.ogenservice-item .container {
position: relative;
}
.ogenservice-item .container:before {
content: "";
position: absolute;
right: 0;
top: auto;
width: 40%;
height: 80%;
bottom: 0;
z-index: -1;
background-color: #e7f7d8;
}
.ogenservice-item .container:after {
content: "";
position: absolute;
left: 0;
top: 0;
background-image: url(../imags-og/arrowsvg.svg);
background-repeat: no-repeat;
z-index: -1;
}
.ogenservice-item:nth-child(2n) .container:before {
left: 0;
right: auto;
}
.ogenservice-item:first-child .container:after {
width: 60%;
height: calc(100% + 150px);
background-position: -40% -13%;
}
.ogenservice-item:nth-child(2) .container:after,
.ogenservice-item:nth-child(3) .container:after,
.ogenservice-item:nth-child(4) .container:after {
width: 80%;
height: 215px;
top: auto;
bottom: -215px;
transform: translateX(-50%);
left: 50%;
background-size: 100%;
}
.ogenservice-item:nth-child(2) .container:after {
background-position-y: calc(39% - 15px);
}
.ogenservice-item:nth-child(3) .container:after {
background-position-y: calc(65% - 15px);
}
.ogenservice-item:nth-child(4) {
margin-bottom: 180px;
}
.ogenservice-item:nth-child(4) .container:after {
background-position-y: calc(95% + 15px);
height: 180px;
top: auto;
bottom: -180px;
}
.ogenservice-item .left {
padding: 35px 35px 0;
}
.ogenservice-item .left:first-child {
margin-top: 20px;
}
.ogenservice-item .left,
.ogenservice-item .right {
width: 50%;
}
.ogenservice-item .title {
letter-spacing: 0;
color: #ce7045;
margin: 0;
font-size: 31px;
line-height: 36px;
font-weight: bold;
}
.ogenservice-item .ogenshort-description {
margin: 20px 0 0;
letter-spacing: 0;
color: #353232;
}
.ogenservice-item .ogenservice-links {
margin: 35px 0 0;
}
.ogenservice-item .ogenservice-links ul {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
.ogenservice-item .ogenservice-links ul li {
width: 50%;
margin-bottom: 15px;
}
.ogenservice-item .ogenservice-links a {
display: inline-block;
position: relative;
padding-left: 35px;
min-height: 25px;
line-height: 25px;
border-bottom: 1px solid rgba(210, 77, 39, 0.47);
padding-bottom: 5px;
}
.ogenservice-item .ogenservice-links a:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-repeat: no-repeat;
background-image: url(../imags-og/svgicons.svg);
background-size: 1000px;
filter: grayscale(100%);
background-position: -16px -16px;
width: 24px;
height: 24px;
margin-top: -4px;
}
.ogenservice-item .ogenservice-links a.iphone:before {
background-position: -100px -107px;
}
.ogenservice-item .ogenservice-links a.flutter:before {
background-position: -667px -107px;
}
.ogenservice-item .ogenservice-links a.android:before {
background-position: -15px -108px;
}
.ogenservice-item .ogenservice-links a.ionic:before {
background-position: -263px -107px;
}
.ogenservice-item .ogenservice-links a.software-development:before {
background-position: -58px -58px;
}
.ogenservice-item .ogenservice-links a.on-demand:before {
background-position: -384px -18px;
}
.ogenservice-item .ogenservice-links a.aspnet:before {
background-position: -178px -107px;
}
.ogenservice-item .ogenservice-links a.php:before {
background-position: -140px -146px;
}
.ogenservice-item .ogenservice-links a.mean:before,
.ogenservice-item .ogenservice-links a.mern:before {
background-position: -100px -146px;
}
.ogenservice-item .ogenservice-links a.fullstack:before {
background-position: -178px ​-146p;
}
.ogenservice-item .ogenservice-links a.magento:before {
background-position: -382px -107px;
}
.ogenservice-item .ogenservice-links a.woocommerce:before {
background-position: -968px -107px;
}
.ogenservice-item .ogenservice-links a.wordpress:before {
background-position: -503px -107px;
}
.ogenservice-item .ogenservice-links a.shopify:before {
background-position: -970px -139px;
}
/*newleftrightsec end*/
/*platform sec start*/
.ogendevelopment-platforms {
margin-bottom: 100px;
position: relative;
}
.ogendevelopment-platforms .container {
position: relative;
z-index: 1;
}
.ogendevelopment-platforms .grey-overlay {
position: absolute;
width: 100%;
height: 60%;
background-color: rgb(246 227 245 / 26%);
top: 50%;
transform: translateY(-50%);
}
.ogendevelopment-platforms .card {
padding: 0;
box-shadow: 0 18px 35px rgba(0, 0, 0, 0.12156862745098039);
border-radius: 0 150px 0 0;
max-width: 1100px;
margin: 0 auto;
}
.ogendevelopment-platforms .card-top {
padding: 80px 75px 40px;
position: relative;
background-color: #fff;
border-radius: 0 150px 0 0;
}
.ogendevelopment-platforms .card-top img {
width: 100%;
}
.ogendevelopment-platforms .card-bottom {
background-color: #b6d0bc;
padding: 50px 0 80px;
position: relative;
}
.ogendevelopment-platforms .card-bottom h4 {
text-align: center;
letter-spacing: 1.44px;
color: #000;
margin: 0;
font-size: 34px;
}
.ogendevelopment-platforms .ogenfloatingtext {
padding: 0;
top: -25px;
width: 160px;
height: 45px;
left: 75px;
}
.ogendevelopment-platforms .ogenfloatingtext:after {
content: "";
float: left;
left: 30px;
position: relative;
border-color: #333 transparent transparent;
border-style: solid;
border-width: 22px 24px 0 2px;
}
.ogendevelopment-platforms .ogenfloatingtext .label {
letter-spacing: 1.2px;
line-height: 45px;
text-align: center;
}
.ogendevelopment-platforms .btn-grp {
position: absolute;
bottom: -25px;
width: 100%;
}
.ogendevelopment-platforms .btn-grp button {
box-shadow: 0 3px 26px rgb(0 0 0 / 9%);
border-radius: 10px;
border: none;
height: 58px;
padding: 0 25px;
background-color: hsla(0, 0%, 100%, 0.9019607843137255);
letter-spacing: 0;
color: #000;
text-transform: uppercase;
overflow: hidden;
position: initial;
width: auto;
margin: 0;
left: auto;
transform: translateX(0);
font-size: 18px;
font-weight: bold;
}
.ogendevelopment-platforms .btn-grp button:focus,
.ogendevelopment-platforms .btn-grp button:hover {
color: #fff;
transition: color 0.3s ease-in-out;
}
.ogendevelopment-platforms .btn-grp button i {
margin-left: 20px;
}
.ogendevelopment-platforms .btn-grp button.orange {
background: #ce7045;
color: #fff;
}
.ogendevelopment-platforms .btn-grp button.orange:focus,
.ogendevelopment-platforms .btn-grp button.orange:hover {
color: #000;
transition: 0.3s ease-in-out;
}
.ogendevelopment-platforms .btn-grp button.orange:before {
background: #fff;
}
.ogendevelopment-platforms .btn-grp button + button {
margin-left: 20px;
}
.ogenfloatingtext {
position: absolute;
left: 0;
top: -45px;
background-color: #333;
padding: 22px 100px 22px 50px;
}
.ogenfloatingtext .label {
letter-spacing: 0;
color: #fff;
margin-bottom: 0;
line-height: 1;
}
.ogenfloatingtext.right {
left: auto;
right: 0;
}
/*platform sec end*/
/*ogen hire services start*/
.ogenhire-services {
background-color: rgb(246 227 245 / 26%);
    margin-top: -206px;
}
.ogenhire-services .container {
position: relative;
padding-top: 90px;
padding-bottom: 90px;
}
.ogenhire-services .dot-overlay {
position: absolute;
left: 15px;
top: 0;
width: calc(100% - 30px);
height: 100%;
display: flex;
z-index: -1;
}
.ogenhire-services .dot-overlay > div {
flex: 1;
border-left: 1px dashed rgb(0 0 0 / 11%);
}
.ogenhire-services .dot-overlay > div:last-child {
border-right: 1px dashed rgb(0 0 0 / 11%);
}
.ogenhire-services-list {
margin-top: 75px;
display: flex;
flex-wrap: wrap;
position: relative;
}
.ogenhire-services-list:after,
.ogenhire-services-list:before {
content: "";
position: absolute;
width: 100vw;
left: 49%;
transform: translateX(-50%);
border-top: 1px dashed rgb(0 0 0 / 11%);
}
.ogenhire-services-list:after {
top: auto;
bottom: 0;
}
.ogenhire-services-item {
text-align: center;
margin: 0 auto;
flex: 1;
padding: 50px 0;
position: relative;
}
.ogenhire-services-item:before {
position: absolute;
content: "+";
color: #000;
font-size: 25px;
line-height: 0;
left: 0;
}
.ogenhire-services-item:nth-child(odd):before {
left: -8px;
top: 0;
}
.ogenhire-services-item:nth-child(2n):before {
top: auto;
bottom: 2px;
left: -8px;
}
.ogenhire-services-item .icon {
width: 150px;
height: 150px;
margin: 0 auto 25px;
border-radius: 50%;
background-color: #ccc;
position: relative;
background-size: 2500%;
background-repeat: no-repeat;
background-position: 50%;
background-image: url(../imags-og/svgicons.svg);
}
.ogenhire-services-item .icon.fullstack {
background-color: #fbcccc;
background-position: 17.8% 22%;
}
.ogenhire-services-item .icon.angular {
background-color: #d4def9;
background-position: 5.3% 15.5%;
}
.ogenhire-services-item .icon.wordpress {
background-color: #cad9f3;
background-position: 51.6% 15.5%;
}
.ogenhire-services-item .icon.laravel {
background-color: #fff5d2;
background-position: 34.7% 15.5%;
}
.ogenhire-services-item .icon.flutter {
background-color: #d1eec8;
background-position: 68.5% 15.5%;
}
.ogenhire-services-item .icon:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border: 1px dashed rgba(0, 0, 0, 0.3);
left: 5px;
top: 5px;
border-radius: 50%;
transition: 0.3s ease-in-out;
}
.ogenhire-services-item .icon:hover:before {
left: -5px;
top: -5px;
transition: 0.3s ease-in-out;
}
.ogenhire-services-item h4 {
text-align: center;
margin: 0;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
color: #3c4858;
}

/*Few New Changes*/
.displayon_mob
{
    display: none;
}

.headingtop
{
    margin-top: 120px;
}
/*ogen hire services end*/

 .ogen_services__overlay {
    position: absolute;
    top: 0;
    padding: 30px 25px;
    transform: scale(0);
    width: 100%;
    height: 100%;
    background-color: #ffffffed;
    text-align: left;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.ogen_services__overlay--animate {
    transform: scale(1);
}
.ogen_services__slider a.js-service__btn {
    position: relative;
    display: inline-block;
}
.btn-floating {
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    background-color: transparent;
    border-radius: 50%;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    cursor: pointer;
}
.btn-floating.pulsebtn:before {
    border: none;display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
}
.btn-floating i {
    width: inherit;
    color: #f26629;
    display: inline-block;
    text-align: center;
    font-size: 1.9rem;
    line-height: 40px;
}
.ogen_services__overlay h5 {
    color: #e96529;
    font-size: 1.80rem;
    font-weight: 600;
}
.contentpos {
    position: absolute;
    padding: 20px;
    top: 50%;
    transform: translateY(-50%);
}
p.text {
    color: #353232;
}
.ogen_services__slider {
    position: relative;
    display: inline-block;
}
.ogen_ogen_services__overlay-close {
    position: absolute;
    top: -20px;
    right: 10px;
    border: none;
    
}
.snowflake {
color: #fff;
font-size: 1em;
font-family: Arial;
text-shadow: 0 0 1px #484848;
}
.snowflake i {font-size: 10px;}
@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}
snowflake:nth-of-type(10){left:100%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}
snowflake:nth-of-type(11){left:110%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}
snowflake:nth-of-type(12){left:120%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}
@media(max-width: 767px){
.snowflake i {font-size: 5px;}
}
.settingPopSideImage{width:100%;border-radius:35px;border:1px solid #eee}

.side-popup.flipout-santa{left:-350px;animation:moveSide 5s infinite forwards;animation-delay:2s}
.side-popup{background-image:none;width:350px;padding:0;background-size:350px;background-repeat:no-repeat;position:fixed;bottom:100px;z-index:991;text-align:center;transition:.4s;left:-365px;border-radius:30px;transition:.5s;cursor:pointer}
@keyframes moveSide{0%{transform:translateY(0px);opacity:1}50%{transform:translateY(50px)}75%{transform:translateY(-20px)}100%{transform:translateY(0px)}}
.init-cross{position:absolute;right:-12px;width:25px;top:-5px;cursor:pointer;border-radius:50%;z-index:2;background-color:#130d04;border:1px solid #fff;padding:5px}
.side-popup.LastPopHide{left:-365px}
.init-logo{width:100%}
.side-popup h4{font-size:25px;color:#fff;font-weight:900;margin:20px 0}
.side-popup h4 span{color:#92c52e;display:block}
.side-popup p a{background-color:#8bc541;color:#fff;font-size:18px;font-weight:600;display:inline-block;padding:7px 25px;border-radius:6px;cursor:pointer;transition:.5s;border:1px solid #8bc541}
.side-popup p a:hover{background-color:#fff;color:#8bc541}
.forHyperLink{position:absolute;width:90%;height:100%;z-index:1}
@keyframes moveOpacity{0%{opacity:0}25%{opacity:1}50%{opacity:1}75%{opacity:0}100%{opacity:0}}
img.flyingSanta{position:absolute;right:-140px;width:160px;top:-45px}
.side-popup a{display:block;position:relative}
@-webkit-keyframes rotating{from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes rotating{from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
.rotating{-webkit-animation:rotating 2s linear infinite;-moz-animation:rotating 2s linear infinite;-ms-animation:rotating 2s linear infinite;-o-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}
@media(max-width:991px){
.revolvingAround{width:210px;height:210px}
.logo-santaa{width:150px;right:-80px;bottom:64px}
.side-popup{transform:scale(1);transform-origin:left bottom;width:250px;left:-70px;bottom:44px}
.init-cross{position:absolute;right:-3px;top:3px}
.init-logo{width:100%;object-fit:scale-down;object-position:bottom left}
.side-popup.LastPopHide{bottom:-215px}
.side-popup.LastPopHide #BlackFridayCap{top:-60px}
img.flyingSanta{width:100px;right:-84px;top:-20px}
.side-popup.flipout-santa{left:-260px}
}
.rotatingPumpkin{background-image:url(../imags-og/santa_2021.webp);background-repeat:no-repeat;position:absolute;width:200px;height:260px;bottom:35px;right:-150px;background-size:contain;animation:moveSide 5s infinite forwards;animation-delay:2s}
.side-popup.shower{left:0px;}
.side-popup.shower .rotatingPumpkin{animation:none}
@media (max-width: 991px){
.side-popup{bottom:50px;left:-260px}
.rotatingPumpkin{width:110px;height:190px;background-repeat:no-repeat;right:-80px}
.side-popup.LastPopHide{bottom:50px;left:-260px}
.side-popup.shower{left:0;bottom:50px}
}
@media (max-width: 767px){
.form-cover .row {
    margin: 0;
}
.popuplicate #myModalForm {
    width: auto !important;
    background: #fff;
    height: auto !important;
    padding: 30px 15px !important;
    background-image: none !important;
}
.ticket-area .ticket-left .ticket-content, .ticket-area, .program-item .program-inner .program-content {
    padding: 15px;
}
}
@media (max-width: 345px){
    
.ticket-area .ticket-left .ticket-content .ticket-countdown li p {
    text-transform: capitalize;
    font-size: 15px;
}
.ticket-area .ticket-left .ticket-content .ticket-countdown li h2 {
    color: #fffbe7;
    font-size: 24px;
}
.ticket-section .ticket-sleep h3 {
    font-size: 20px;
}
.lab-btn {
    padding: 12px 25px;
}
}

.greysec {
    background: #fffdf8;
}
.testingsec {
    box-shadow: 0 16px 16px rgb(103 115 126 / 5%);
    padding: 35px;
    background: #fff;
    border-radius: 10px;
}
.testingsec p {
    margin: 35px 0;
}
.testingsec img.usserimgg {
    object-fit: cover;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.contentheading.reflectorheading {
    font-size: 45px;
    font-weight: 900;
}

.contenttitle p span:before {
    content: "";
    height: 2px;
    width: 40px;
    position: absolute;
    left: -50px;
    background-color: #001033;
    top: 9px;
}

.right-tag-lines {
    font-weight: 300;
    font-size: 35px;
    line-height: 55px;
    text-align: left;
    color: #1d1e31;
}
.insideedge {
    position: relative;
    overflow: hidden;
}
.cmr-reflectors {
    font-size: 230px;
}
.cmr-reflectors {
    font-weight: 900!important;
    letter-spacing: .1em;
    line-height: 100px;
    text-align: center;
    color: #1d1e31;
    opacity: .02;
    position: absolute;
    
    left: 0;
    pointer-events: none;
    width: 100%;
}
.contenttitle p, .contenttitle p span {
    position: relative;
}
.contenttitle p {
    position: relative;
    font-weight: 700;
    font-style: italic;
    font-size: 16px;
    color: #001033;
    margin-top: 0;
    padding-left: 60px;
}

mark {
    background: #fff1ba;
}
mark1 {
    background: #c1ffba;
}
/*mark1 {*/
/*    padding: 0.2em;*/
/*    background-color: #c1ffba;*/
/*}*/
.yellowunderline {
    text-decoration: underline;
    text-decoration-color: #fc3;
    text-underline-offset: 5px;
}
.yline {
    text-decoration: underline;
    text-decoration-color: #ce7045;
    text-underline-offset: 5px;
}
.contentsect h4 {
    font-size: 29px;
    font-weight: 700;
    margin-bottom: 25px;
}

.contentsect h5 {
    font-weight: 700;
    font-size: 24px;
    color: #000;
    margin-bottom: 5px;
    margin-top: 15px;
}
.info-text .secondary {
    color: #6e6d6f;
    font-size: 18px;
    line-height: 30px;
}
/*new section*/
.content-tabs {
padding: 90px 0 0;
}
.content-tabs {
padding-top: 10px!important;
}
.ogenreviewssingle-image{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}

.ogenreviews_main {
width: 50%;
position: relative;
z-index: 0;
order: 1
}
.ogenreviews_main:before {
content: "";
right: -89px;
top: 9px;
width: 530px;
height: 530px;
position: absolute;
z-index: -1;
background: #1c89d41a;
-webkit-filter: blur(100px);
filter: blur(100px)
}
.ogenreviews_card {
display: none;
padding: 60px 60px 33px;
background: #FFF;
-webkit-box-shadow: 0 2px 48px rgba(110, 123, 129, .2);
-moz-box-shadow: 0 2px 48px rgba(110, 123, 129, .2);
box-shadow: 0 2px 48px rgba(110, 123, 129, .2);
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px
}
.ogenreviews_card.active {
display: block
}
.ogenreviews_card .card-text,
.ogenreviews_card .card-text p {
font-family: inherit;
margin: 0 0 46px;
font-weight: 500;
font-size: 24px;
line-height: 49px;
letter-spacing: -.042em;
color: #374046
}
.ogenreviews_card .card-foot {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.ogenreviews_card .card-photo {
width: 87px;
min-width: 87px;
margin-right: 25px
}
.ogenreviews_card .card-photo img {
width: 87px;
height: 87px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%
}
.ogenreviews_card .card-foot-detail {
-ms-flex-positive: 1;
flex-grow: 1
}
.dd_search_ends-title {
margin: 0 0 14px;
font-family: inherit;
font-weight: 900;
font-size: 72px;
line-height: 78px;
text-align: center;
letter-spacing: -.042em;
color: #0B1720
}
.rankwebsec p.ogen-commonparagraph {
font-size: 21px;
color: #000;
margin-top: -12px;
}
.dd_search_ends-subtitle {
margin: 0 0 42px;
font-family: inherit;
font-weight: 600;
font-size: 32px;
line-height: 42px;
text-align: center;
letter-spacing: -.018em;
color: #0B1720
}
.ogenreviews_card .card-title {
font-family: inherit;
margin: 0 0 4px;
font-weight: 700;
font-size: 24px;
line-height: 29px;
letter-spacing: -.042em;
color: #0B1720
}
.ogenreviews_card .card-subtitle {
font-family: inherit;
margin: 0;
font-weight: 500;
font-size: 24px;
line-height: 29px;
letter-spacing: -.042em;
color: #869298
}
.ogenreviews_card .card-more {
text-align: right;
margin-top: 20px
}
.ogenreviews_card .card-link {
font-family: inherit;
font-weight: 800;
font-size: 24px;
line-height: 1;
letter-spacing: -.042em;
color: #637a92;
text-decoration: none
}
.ogenreviews_card .card-link:hover {
text-decoration: underline
}
.ogenreviews_card .card-link i {
font-size: 17px;
}
.ogenreviews_image {
width: 48%;
position: relative;
z-index: 0;
order: 2;
display: flex;
height: 100%;
overflow: hidden;
height: auto;
margin-left: 2%;
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px
}
.ogenreviews_image img {
position: absolute;
width: 100%;
height: 100%;
object-position: top;
object-fit: cover
}
@media (max-width:1540px) {
.dd_reviews-control {
left: -15px
}
.dd_reviews-control li.p_1 {
margin-left: 9.5599393%;
margin-right: 2.649468892261%
}
.dd_reviews-control li.p_4 {
margin-left: 3%;
margin-right: 2.925645%
}
.dd_reviews-control li.p_6 {
margin-right: 1.6418816388467%
}
}
@media (max-width:1440px) {
.dd_search_ends-title {
font-size: 56px;
line-height: 64px
}
.dd_search_ends-subtitle {
font-size: 28px;
line-height: 34px
}
.dd_search_ends-tabs .nav-tabs a {
font-size: 24px;
line-height: 30px
}
.ogenreviews_card .card-text,
.ogenreviews_card .card-text p {
font-size: 22px;
line-height: 2
}
.ogenreviews_card .card-link,
.ogenreviews_card .card-subtitle,
.ogenreviews_card .card-title {
font-size: 22px;
line-height: 1.2
}
}
@media (max-width:1024px) {
.dd_search_ends {
padding: 64px 0
}
.dd_search_ends-title {
font-size: 36px;
line-height: 46px;
margin-bottom: 6px
}
.dd_search_ends-subtitle {
font-size: 24px;
line-height: 30px
}
.dd_search_ends-tabs .body-tabs {
padding: 48px 0
}
.dd_reviews:not(.single-image) .ogenreviews_main,
.dd_reviews:not(.single-image) .dd_reviews-control:not(.single-image) {
width: 100% !important;
order: 1 !important
}
.dd_reviews-control {
max-width: 600px;
margin: 0 auto;
padding: 0 0 46px;
left: 0
}
.ogenreviews_card .card-text,
.ogenreviews_card .card-text p {
font-size: 20px;
line-height: 2
}
.ogenreviews_card .card-link,
.ogenreviews_card .card-subtitle,
.ogenreviews_card .card-title {
font-size: 20px;
line-height: 1.2
}
}
@media (max-width:767px) {
.ogenreviews_main {
flex-direction: row
}
.ogenreviews_image {
width: 100%;
min-height: 300px;
order: 1;
margin-left: 0;
margin-bottom: 24px
}
.ogenreviews_main,
.ogenreviews_main .dd_reviews-control.single-image {
width: 100% !important;
order: 1 !important
}
.homemidslider.rankwebsec {
padding-top: 0;
padding-bottom: 0;
}
.rankwebsec p.ogen-commonparagraph {
font-size: 18px;
color: #000;
margin-top: -8px;
}
.rankwebsec
{
overflow: hidden;
}
}
@media (max-width:599px) {
.ogenreviews_card {
padding: 32px
}
}
/*new section end*/
/*faqs section start*/
.faq-lists.with_bgcolor .accordion .accordion-content__title {
    font-size: 24px;
    background: transparent;
}
.faq-lists.with_bgcolor .accordion .accordion-content__title {
    border: none;
}
.faq-lists .accordion-content__title {
background: #fff;
border: none;
border-top: 1px solid #f2f2f2;
}
.faq-lists .accordion .accordion-content__title {
font-size: 24px;
line-height: 1.333em;
letter-spacing: -.018em;
color: #374046;
padding-top: 32px;
padding-bottom: 32px;
padding-left: 2.2em;
width: 100%;
display: block;
font-weight: 600;
margin-bottom: 0;
cursor: pointer;
position: relative;
}
.faq-lists .accordion .accordion-content__title::before {
font-family: 'Fontawesome'!important;
content: "\f067";
position: absolute;
left: 10px;
font-size: 20px;
}
.faq-lists .accordion .accordion-content__title.active::before {
content: "\f068";
}
.accordion-content {
display: none;
}
.accordion-content__inner {
max-width: 692px;
margin-top: 0px;
margin-bottom: 32px;
text-align: left;
padding-left: 2.2em;
width: 100%;
}
.accordion-content p {
font-style: normal;
font-weight: 400;
color: #6e7b81;
font-size: 20px;
line-height: 1.667em;
letter-spacing: -.005em;
margin-top: 0;
margin-bottom: 24px;
}
.accordion-content p:last-child {
margin-bottom: 0;
}
.accordion-content ol li, .accordion-content ul li {
font-size: 18px;
line-height: 1.556em;
letter-spacing: -.0045em;
}
.blue-shading li {
    background: rgb(239,243,249);
    background: linear-gradient(90deg,rgba(239,243,249,1) 11%,rgba(255,255,255,1) 30%);
    list-style-position: inside;
    padding: 11px 12px;
}
ol.blue-shading {
    padding: 0;
}
.homefaq .accordion-content p {
    color: #212529;
    font-size: 18px;
}
.homefaq .accordion-content__inner {
    max-width: 100%;
}
/*faqs section end*/