/* o-color('o-color-1') */ #sh_all_in_one_snippet_1{padding: 50px 0;} #sh_all_in_one_snippet_1 .sh_title{text-align: center;max-width: 50%; margin: auto;margin-bottom: 50px;} #sh_all_in_one_snippet_1 .sh_title h5{text-decoration: underline;position: relative;margin-bottom: 15px;font-size: 18px;line-height: 24px;color: o-color('o-color-1');font-weight: 600;} #sh_all_in_one_snippet_1 .sh_title h5:before {position: absolute;content: "";height: 50px;width: 50px;left: 0;right: -10px;opacity: 0.1;margin: 0 auto;background: #999; top: -25px;z-index: 0;animation: heartbeat 1s infinite alternate;} #sh_all_in_one_snippet_1 .sh_title h5:after {position: absolute;content: "";background: o-color('o-color-1');height: 50px;width: 50px;opacity: 0.15;margin: 0 auto;left: -15px;right: 0;top: -15px;animation: heartbeat 1.2s infinite alternate;} #sh_all_in_one_snippet_1 .sh_title h2{font-size: 36px;line-height: 40px;font-weight: 800;margin: 0;color: #333;} @keyframes heartbeat{ 0% { transform: scale( .85 ); } 50% { transform: scale( 1 ); } 100% { transform: scale( .85 ); } } #sh_all_in_one_snippet_1 .sh_content{text-align: center;background: #fff;padding: 40px 20px;position: relative;overflow: hidden;margin-bottom: 30px;border: 1px solid lighten(o-color('o-color-1'),40%);} #sh_all_in_one_snippet_1 .sh_content span{color: o-color('o-color-1');font-size: 50px;line-height: 50px;display: block;vertical-align: middle;position: relative;z-index: 2;} #sh_all_in_one_snippet_1 .sh_content h4{font-size: 22px;line-height: 32px;margin-top: 30px;margin-bottom: 15px;font-weight: 700;text-transform: capitalize;position: relative;z-index: 2;} #sh_all_in_one_snippet_1 .sh_content p{margin: 0;line-height: 1.8em;font-size: 16px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;position: relative;z-index: 2;} #sh_all_in_one_snippet_1 .sh_content:before{position: absolute;background: o-color('o-color-1');width: 64px;height: 52px;right: 0;content: "";bottom: 0;opacity: 0.15;transition: all 200ms ease-out 0s;z-index: 0;} #sh_all_in_one_snippet_1 .sh_content:hover:before {background: o-color('o-color-1');width: 100%;height: 100%;right: 0;bottom: 0;content: "";border-radius: 0px;opacity: 1;animation: none;} #sh_all_in_one_snippet_1 .sh_content:hover span{color: #fff;} #sh_all_in_one_snippet_1 .sh_content:hover h4{color: #fff;} #sh_all_in_one_snippet_1 .sh_content:hover p{color: #fff;} @media (max-width: 768px){ #sh_all_in_one_snippet_1 .sh_title{max-width: 100%;} } @media (max-width: 576px){ #sh_all_in_one_snippet_1 .sh_title h2{font-size: 22px; line-height: 30px;} } /* snippet 2 */ #sh_all_in_one_snippet_2{background: #f6f6f6;padding: 50px 0;} #sh_all_in_one_snippet_2 .sh_title{text-align: center;margin-bottom: 50px;} #sh_all_in_one_snippet_2 .sh_title h5{background: o-color('o-color-1');display: inline-block;color: #fff;font-weight: 700;line-height: 1;padding: 5px 8px;position: relative;} #sh_all_in_one_snippet_2 .sh_title h2{font-size: 60px;font-weight: 700;color: #333;z-index: 1; position: relative; margin-bottom: 10px;} #sh_all_in_one_snippet_2 .sh_icon_text{display: flex;align-items: center;} #sh_all_in_one_snippet_2 .sh_icon_text .sh_icon{font-size: 60px;line-height: 1;color: o-color('o-color-1');} #sh_all_in_one_snippet_2 .sh_icon_text .sh_heading{padding-left: 25px;} #sh_all_in_one_snippet_2 .sh_icon_text .sh_heading h4{font-size: 18px;color: #333333;font-weight: 700;line-height: 22px;margin: 0;} #sh_all_in_one_snippet_2 .sh_content .sh_text{position: relative;margin-top: 25px;color: #777;padding-left: 20px;} #sh_all_in_one_snippet_2 .sh_content .sh_text:before {content: "";position: absolute;width: 2px;height: 100%;top: 0;left: -1px;background: #f0f4f8;transition: all 0.3s linear;} #sh_all_in_one_snippet_2 .sh_content .sh_text:after {content: "";position: absolute;width: 2px;height: 0;top: 0;left: -1px;background: o-color('o-color-1');transition: all 0.3s linear;} #sh_all_in_one_snippet_2 .sh_content .sh_text p{margin: 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} #sh_all_in_one_snippet_2 .sh_content{padding: 40px;background: #fff;margin-bottom: 30px;transition: all 300ms linear 0ms;} #sh_all_in_one_snippet_2 .sh_content:hover{transform: translate(0, -10px);box-shadow: 0 5px 83px rgba(11,38,83,.08);} #sh_all_in_one_snippet_2 .sh_content:hover .sh_text:after{height: 100%;} @media (min-width: 768px) and (max-width: 991px){ #sh_all_in_one_snippet_2 .sh_icon_text .sh_icon{font-size: 40px;} #sh_all_in_one_snippet_2 .sh_content{padding: 20px;} } @media (max-width: 576px){ #sh_all_in_one_snippet_2 .sh_title h2{font-size: 40px;} } /* snippet 3 */ #sh_all_in_one_snippet_3{padding: 50px 0;} #sh_all_in_one_snippet_3 .sh_title{text-align: center;max-width: 60%;margin: auto;margin-bottom: 50px;} #sh_all_in_one_snippet_3 .sh_title h5{font-size: 16px;line-height: 20px;text-transform: uppercase;color: o-color('o-color-1');margin-bottom: 15px;font-weight: 600;padding-bottom: 15px; position: relative;} #sh_all_in_one_snippet_3 .sh_title p{color: #616161;line-height: 1.875;margin-bottom: 0;} #sh_all_in_one_snippet_3 .sh_title h5:after {content: '';position: absolute;bottom: 0;background: o-color('o-color-1');width: 30px;height: 2px;left: 50%;transform: translateX(-50%);} #sh_all_in_one_snippet_3 .sh_content{border: 1px solid #e6e6e6;box-shadow: 0 8px 30px rgba(0,0,0,.10);text-align: center;padding: 40px;overflow: hidden;min-height: 216px;background: #fff;} #sh_all_in_one_snippet_3 .sh_content .sh_icon{margin-bottom: 16px;transition: .4s;} #sh_all_in_one_snippet_3 .sh_content .sh_icon span{font-size: 52px;color: o-color('o-color-1');} #sh_all_in_one_snippet_3 .sh_content h4{font-size: 20px;font-weight: 700;color: #232323;line-height: 36px;margin-bottom: 0;} #sh_all_in_one_snippet_3 .sh_content .sh_text{opacity: 0;transition: .4s;margin-bottom: -30%;} #sh_all_in_one_snippet_3 .sh_content .sh_hover{transition: all .4s;} #sh_all_in_one_snippet_3 .sh_content:hover .sh_text{opacity: 1;} #sh_all_in_one_snippet_3 .sh_content:hover .sh_hover{transform: translateY(-35%);} #sh_all_in_one_snippet_3 .sh_content:hover .sh_icon{opacity: 0;} #sh_all_in_one_snippet_3 .sh_content .sh_text p{color: #616161;margin-top: 10px;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0;} #sh_all_in_one_snippet_3 .sh_disable_hover_cls .sh_content:hover .sh_hover{transform: translateY(0%);} #sh_all_in_one_snippet_3 .sh_disable_hover_cls .sh_content:hover .sh_icon{opacity: 1;} #sh_all_in_one_snippet_3 .sh_disable_hover_cls .sh_content:hover .sh_text{opacity: 0;} @media (max-width: 991px){ #sh_all_in_one_snippet_3 .sh_content h4{line-height: normal;} } @media (max-width: 768px){ #sh_all_in_one_snippet_3 .sh_content{margin-bottom: 20px;} #sh_all_in_one_snippet_3 .sh_title{max-width: 100%;} } /* snippet 4 */ #sh_all_in_one_snippet_4{padding: 50px 0;} #sh_all_in_one_snippet_4 .sh_title{text-align: center;max-width: 70%;margin: auto;margin-bottom: 50px;} #sh_all_in_one_snippet_4 .sh_title h5{display: block;margin-bottom: 12px;color: o-color('o-color-1');font-weight: 600;text-transform: capitalize;} #sh_all_in_one_snippet_4 .sh_title h2{color: #000219;font-weight: 800;font-size: 40px;margin-bottom: 15px;position: relative;line-height: 1.4;} #sh_all_in_one_snippet_4 .sh_content{padding: 30px;margin-bottom: 30px;box-shadow: 0 0 20px 3px rgba(0,0,0,.05);transition: all ease .5s;background-color: #fff;position: relative;overflow: hidden;} #sh_all_in_one_snippet_4 .sh_content .sh_icon_content{position: relative;margin-bottom: 28px;} #sh_all_in_one_snippet_4 .sh_content .sh_icon_content span{position: absolute;top: 0;font-size: 50px;line-height: 1;color: o-color('o-color-1');transition: all ease .5s;} #sh_all_in_one_snippet_4 .sh_content .sh_icon_content h4{font-size: 20px;line-height: 1.4;transition: all ease .5s;padding-left: 65px;padding-top: 12px;color: #000219;font-weight: 800;} #sh_all_in_one_snippet_4 .sh_content p{font-size: 16px;margin-bottom: 0;line-height: 1.8;font-weight: 500;color: #777;} #sh_all_in_one_snippet_4 .sh_content:after{content: "";position: absolute;bottom: -100%;left: 0;width: 2px;height: 100%;background: -webkit-gradient(linear,left top,left bottom,from(o-color('o-color-1')),to(transparent));transition: all ease .5s;opacity: 0;} #sh_all_in_one_snippet_4 .sh_content:before{content: "";position: absolute;top: -100%;right: 0; width: 2px;height: 100%;background: -webkit-gradient(linear,left bottom,left top,from(o-color('o-color-1')),to(transparent));transition: all ease .5s;opacity: 0;} #sh_all_in_one_snippet_4 .sh_content:hover:after{bottom: 30px;opacity: 1;} #sh_all_in_one_snippet_4 .sh_content:hover:before{top: 30px;opacity: 1;} @media (max-width: 991px) and (min-width: 768px){ #sh_all_in_one_snippet_4 .sh_content{padding: 20px;} #sh_all_in_one_snippet_4 .sh_content .sh_icon_content span{font-size: 35px;} #sh_all_in_one_snippet_4 .sh_content .sh_icon_content h4{padding-left: 40px;padding-top: 0;} } @media (max-width: 991px){ #sh_all_in_one_snippet_4 .sh_title h2{font-size: 32px;line-height: normal;} } @media (max-width: 768px){ #sh_all_in_one_snippet_4 .sh_title{max-width: 100%;} } @media (max-width: 576px){ #sh_all_in_one_snippet_4 .sh_title h2{font-size: 22px;} } /* snippet 5 */ #sh_all_in_one_snippet_5{background: #f5f5f5;padding: 50px 0;} #sh_all_in_one_snippet_5 .sh_title{text-align: center;margin-bottom: 50px;} #sh_all_in_one_snippet_5 .sh_title span{font-size: 14px;font-weight: 500;margin-bottom: 5px;color: o-color('o-color-1');text-transform: uppercase;} #sh_all_in_one_snippet_5 .sh_title h2{font-weight: 600;text-transform: uppercase;font-size: 30px;color: #333;position: relative;} #sh_all_in_one_snippet_5 .sh_title h2:before{bottom: -20px;content: "";height: 3px;left: 50%;position: absolute; width: 50px;background: o-color('o-color-1');transform: translateX(-50%);} #sh_all_in_one_snippet_5 .sh_title p{width: 60%;margin: auto;margin-top: 40px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} #sh_all_in_one_snippet_5 .sh_content{width: 100%;position: relative;display: block;cursor: pointer;z-index: 1;margin: 15px 0;padding: 25px 20px;transition: all .4s;text-align: center;} #sh_all_in_one_snippet_5 .sh_content .sh_icon span{font-size: 54px;color: #333;transition: all .4s;} #sh_all_in_one_snippet_5 .sh_content .sh_text{margin-left: 0px;} #sh_all_in_one_snippet_5 .sh_content .sh_text h3{color: #333;font-weight: bold;margin-top: 10px;font-size: 24px;transition: all .4s;} #sh_all_in_one_snippet_5 .sh_content .sh_text p{font-size: 14px;line-height: 1.8;color: #5a5a5a;margin-bottom: 10px;} #sh_all_in_one_snippet_5 .sh_content .sh_text a{padding: 0;text-transform: capitalize;transition: all .4s;} #sh_all_in_one_snippet_5 .sh_content:before{content: "";position: absolute;height: 100%;width: 0;top: 0;left: 0;z-index: -1;transition: ease-out 0.4s;background: #fff;} #sh_all_in_one_snippet_5 .sh_content:hover:before{width: 100%;} #sh_all_in_one_snippet_5 .sh_content:hover .sh_icon span{color: o-color('o-color-1');} #sh_all_in_one_snippet_5 .sh_content:hover .sh_text h3{color: o-color('o-color-1');} #sh_all_in_one_snippet_5 .sh_content:hover .sh_text a{color: o-color('o-color-1');} @media (min-width: 768px) and (max-width: 991px){ #sh_all_in_one_snippet_5 .sh_content{padding: 15px;} #sh_all_in_one_snippet_5 .sh_content .sh_icon span{font-size: 38px;} #sh_all_in_one_snippet_5 .sh_content .sh_text h3{margin-top: 0;} } @media (max-width: 768px){ #sh_all_in_one_snippet_5 .sh_title p{width: 100%;} } // sh_icon_snippet_5 strat // #sh_icon_snippet_5 { position: relative; width: 100%; padding: 50px 0px; } #sh_icon_snippet_5 .main-row { margin-top: 50px; } #sh_icon_snippet_5 .main-row .sh_main_box { width: 100%; text-align: left; } #sh_icon_snippet_5 .main-row .sh_main_box h4 { background: rgba(0, 188, 212, 0.1); padding: 10px 30px; display: inline-block; border-radius: 10px; font-size: 18px; font-weight: 600; letter-spacing: 2px; color: o-color(o-color-1); width: fit-content; } #sh_icon_snippet_5 .main-row .sh_main_box h2 { color: #000; font-size: 30px; font-weight: 600; } #sh_icon_snippet_5 .main-row .sh_content_box { box-shadow: 0 0 10px 4px rgba(31, 66, 135, 0.1); padding: 30px; background-color: #fff; border-radius: 10px; transition: all 0.5s; overflow: hidden; z-index: 9; transition: 0.5s; position: relative; margin-bottom: 30px; } #sh_icon_snippet_5 .main-row .sh_content_box.box-1 { margin-top: -150px; } #sh_icon_snippet_5 .main-row .sh_content_box:hover { background: linear-gradient(to left, o-color(o-color-1) 100%, o-color(o-color-1) 0%); } #sh_icon_snippet_5 .main-row .sh_content_box:hover .sh_icon_box a { color: #fff; } #sh_icon_snippet_5 .main-row .sh_content_box:hover .sh_icon_box { background: rgba(255, 255, 255, 0.3); } #sh_icon_snippet_5 .main-row .sh_content_box:hover h3 { color: #fff; } #sh_icon_snippet_5 .main-row .sh_content_box:hover p { color: #fff; } #sh_icon_snippet_5 .main-row .sh_content_box:hover .sh_effect { right: -150px; bottom: -150px; } #sh_icon_snippet_5 .main-row .sh_content_box .sh_icon_box { position: relative; width: 70px; height: 70px; line-height: 70px; margin: 15px 15px 30px; transition: all 0.5s; display: inline-block; text-align: center; background: rgba(0, 188, 212, 0.1); color: o-color(o-color-1); border-radius: 70px; } #sh_icon_snippet_5 .main-row .sh_content_box .sh_icon_box a { text-decoration: none; outline: none; font-size: 25px; color: o-color(o-color-1); transition: 0.5s; } #sh_icon_snippet_5 .main-row .sh_content_box .sh_effect { border-radius: 50%; position: absolute; transition: all 0.5s; height: 350px; width: 350px; background-color: hsla(0, 0%, 100%, 0.2); right: -100%; bottom: -100%; z-index: -1; transition: 0.5s; } #sh_icon_snippet_5 .main-row .sh_content_box .sh_effect:before { content: ""; border-radius: 50%; position: absolute; transition: all 0.5s; transform: translate(-50%, -50%); top: 50%; left: 50%; background-color: hsla(0, 0%, 100%, 0.2); height: 250px; width: 250px; } #sh_icon_snippet_5 .main-row .sh_content_box .sh_effect:after { transform: translate(-50%, -50%); top: 50%; left: 50%; content: ""; border-radius: 50%; position: absolute; transition: all 0.5s; background-color: o-color(o-color-1); height: 150px; width: 150px; } .sh_icon_content { overflow: hidden; } .sh_icon_content h3 { font-size: 25px; font-weight: 700; color: #262626; margin-bottom: 15px; transition: 0.5; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .sh_icon_content p { margin: 0; line-height: 1.6; color: #636363; font-size: 15px; font-weight: 400; transition: 0.5; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } @media screen and (max-width: 768px) { #sh_icon_snippet_5 .main-row .sh_content_box.box-1 { margin-top: 0px; } } @media screen and (max-width: 768px) { #sh_icon_snippet_5 { padding: 0px; } #sh_icon_snippet_5 .main-row .sh_main_box h2 { margin-bottom: 50px; } #sh_icon_snippet_5 .main-row .sh_content_box .sh_icon_box { margin: 15px 0px 30px; } } // sh_icon_snippet_5 end // // sh_icon_snippet_6 start // #sh_icon_snippet_6 { position: relative; width: 100%; padding: 50px 0px; } #sh_icon_snippet_6 .main-row { margin-top: 50px; } #sh_icon_snippet_6 .main-row .sh_main_box { width: 100%; text-align: left; height: 350px; border-radius: 10px; border: 1px solid #eee; background-color: #fff; margin-right: 28px; margin-bottom: 30px; padding: 10px 30px; position: relative; top: 0; transition: top ease 0.4s; } #sh_icon_snippet_6 .main-row .sh_main_box:hover { top: -10px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); border-radius: 10px; position: relative; } #sh_icon_snippet_6 .main-row .sh_main_box:hover .sh_sub_div { opacity: 1; } #sh_icon_snippet_6 .main-row .sh_main_box:hover .sh_icon{ color: #fff !important; } #sh_icon_snippet_6 .main-row .sh_main_box .sh_sub_div{ position: absolute; top:0; left:0; height:100px; width: 100px; opacity: 0; transition: top ease 0.4s; } #sh_icon_snippet_6 .main-row .sh_main_box .sh_sub_div svg{ fill:color(o-color-1) !important; } #sh_icon_snippet_6 .main-row .sh_main_box .sh_main_box_sub { display: flex; flex-direction: column; height: 100%; } #sh_icon_snippet_6 .main-row .sh_main_box .sh_main_box_sub .sh_icon { margin: 15px 0 0 15px !important; font-size: 50px; transition: 0.3s; color: o-color(o-color-1); z-index: 1; transition: top ease 0.4s; } #sh_icon_snippet_6 .main-row .sh_main_box .sh_main_box_sub .sh_content { display: flex; padding: 20px 0 0; flex-direction: column; } #sh_icon_snippet_6 .main-row .sh_main_box .sh_main_box_sub .sh_content h3 a { text-decoration: none; font-size: 24px; line-height: 24px; color: #000; color: #333; font-weight: 900; margin-bottom: 15px; display: -webkit-box;max-width: 100%;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; } #sh_icon_snippet_6 .main-row .sh_main_box .sh_main_box_sub .sh_content p { font-size: 13px; font-weight: 400; line-height: 19.94px; color: #333 !important; margin-bottom: 16px; display: -webkit-box;max-width: 100%;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden; } #sh_icon_snippet_6 .main-row .sh_main_box .sh_main_box_sub .sh_content .sh_read_more { margin-bottom: 26px; transition: all 0.25s ease !important; transform: translateX(-27px); padding: 0 !important; } #sh_icon_snippet_6 .main-row .sh_main_box .sh_main_box_sub .sh_content .sh_read_more a{ text-decoration: none; color: o-color(o-color-1) !important; transition: 1s; } #sh_icon_snippet_6 .main-row .sh_main_box .sh_main_box_sub .sh_content .sh_read_more a:hover{ color: o-color(o-color-1); } #sh_icon_snippet_6 .main-row .sh_main_box .sh_main_box_sub .sh_content .sh_read_more:before { opacity: 0; margin-right: 7px; content: "→"; transition: 0.3s; position: relative; top: -2px; font-size: 20px; color: o-color(o-color-1); } #sh_icon_snippet_6 .main-row .sh_main_box .sh_main_box_sub .sh_content .sh_read_more:after { opacity: 1; margin-left: 7px; content: "→"; transition: 0.3s; position: relative; top: -2px; font-size: 20px; color: o-color(o-color-1); } #sh_icon_snippet_6 .main-row .sh_main_box .sh_main_box_sub .sh_content .sh_read_more:hover { transform: translateX(0px); } #sh_icon_snippet_6 .main-row .sh_main_box .sh_main_box_sub .sh_content .sh_read_more:hover::before{ opacity: 1; } #sh_icon_snippet_6 .main-row .sh_main_box .sh_main_box_sub .sh_content .sh_read_more:hover::after{ opacity: 0; } @media screen and (max-width:567px) { #sh_icon_snippet_6{padding: 0px 0px;} } // sh_icon_snippet_6 end // /* ####### banner snippet ###### */ #sh_all_in_one_snippet_6 {padding: 50px 0;} #sh_all_in_one_snippet_6 .sh_left_part{position: relative;overflow: hidden;transition: all .4s;} #sh_all_in_one_snippet_6 .sh_left_part .sh_img img{width: 100%;transition: all .4s;max-height: 405px;object-fit: cover;} #sh_all_in_one_snippet_6 .sh_left_part .sh_des{position: absolute;top: 10%;left: 10%;} #sh_all_in_one_snippet_6 .sh_left_part .sh_des p{color: #fff;font-size: 16px;margin-bottom: 10px;} #sh_all_in_one_snippet_6 .sh_left_part .sh_des h2{background-image: linear-gradient(to right,#000 0,#000 100%);background-repeat: no-repeat;background-size: 0 100%;transition: background .5s;color: #fff;font-size: 40px;letter-spacing: -1px;font-weight: 700;margin-bottom: 10px !important;display: inline;} #sh_all_in_one_snippet_6 .sh_left_part .sh_des h4{color: #fff;font-size: 18px;margin-bottom: 25px;margin-top: 25px;} #sh_all_in_one_snippet_6 .sh_left_part .sh_des a{padding: 7px 20px;border-radius: 0;text-transform: capitalize;color: #fff;} #sh_all_in_one_snippet_6 .sh_top_content{position: relative;transition: all .4s;overflow: hidden;} #sh_all_in_one_snippet_6 .sh_top_content .sh_img img{width: 100%;transition: all .4s;height: 188px;object-fit: cover;} #sh_all_in_one_snippet_6 .sh_top_content .sh_des{position: absolute;top: 50%;left: 7%;transform: translateY(-50%);} #sh_all_in_one_snippet_6 .sh_top_content .sh_des h4{font-size: 24px;font-weight: 500;background-image: linear-gradient(to right,#000 0,#000 100%);background-repeat: no-repeat;background-size: 0 100%;transition: background .5s;text-transform: capitalize;margin-bottom: 10px;display: inline;} #sh_all_in_one_snippet_6 .sh_top_content .sh_des a{padding: 0;text-transform: capitalize;text-decoration: underline;display: block;padding-top: 10px;text-align: left;text-decoration: none;} #sh_all_in_one_snippet_6 .sh_top_content.sh_bottom{margin-top: 28px;} #sh_all_in_one_snippet_6 .sh_left_part:hover .sh_img img{transform: scale(1.1);} #sh_all_in_one_snippet_6 .sh_top_content:hover .sh_img img{transform: scale(1.1);} #sh_all_in_one_snippet_6 .sh_left_part:hover .sh_des h2{background-size: 100% 100%;} #sh_all_in_one_snippet_6 .sh_top_content:hover .sh_des h4{background-size: 100% 100%;color: #fff;} #sh_all_in_one_snippet_6 .sh_top_content .sh_des a:focus{box-shadow: none;} @media (max-width: 991px){ #sh_all_in_one_snippet_6 .sh_top_content{width: 49%;display: inline-block;float: left;margin-top: 20px;} #sh_all_in_one_snippet_6 .sh_top_content.sh_bottom{margin-top: 20px;float: right;} } @media (min-width: 768px) and (max-width: 991px){ #sh_all_in_one_snippet_6 .sh_top_content .sh_des h4{font-size: 22px;} } @media (max-width: 576px){ #sh_all_in_one_snippet_6 .sh_left_part .sh_des{left: 5%;} #sh_all_in_one_snippet_6 .sh_left_part .sh_des p{font-size: 14px;} #sh_all_in_one_snippet_6 .sh_left_part .sh_des h2{font-size: 22px;} #sh_all_in_one_snippet_6 .sh_left_part .sh_des h4{font-size: 14px;margin-bottom: 5px;margin-top: 5px;} #sh_all_in_one_snippet_6 .sh_top_content{width: 100%;display: inline-block;float: none;} #sh_all_in_one_snippet_6 .sh_top_content .sh_des h4{font-size: 22px;} #sh_all_in_one_snippet_6 .sh_top_content.sh_bottom{margin-top: 10px;} } /* snippet 7 */ #sh_all_in_one_snippet_7{padding: 50px 0;} #sh_all_in_one_snippet_7 .sh_left_content .sh_img{position: relative;} #sh_all_in_one_snippet_7 .sh_left_content .sh_img img{width: 100%;height: 255px;object-fit: cover;} #sh_all_in_one_snippet_7 .sh_left_content .sh_img:after{content: '';border-right: 1px solid rgba(255,255,255,.8);border-left: 1px solid rgba(255,255,255,.8);position: absolute;top: 30px;left: 30px;bottom: 30px;right: 30px;opacity: 0;z-index: 2;transform: scale(1,0);transform-origin: 100% 0;pointer-events: none;transition: all .6s ease-in-out 0s;} #sh_all_in_one_snippet_7 .sh_left_content .sh_img:before{content: '';border-top: 1px solid rgba(255,255,255,.8);border-bottom: 1px solid rgba(255,255,255,.8);position: absolute;top: 30px;left: 30px; bottom: 30px;right: 30px;opacity: 0; z-index: 2;transition: all .6s ease-in-out 0s;transform-origin: 0 0;pointer-events: none;} #sh_all_in_one_snippet_7 .sh_left_content:hover .sh_img:after, #sh_all_in_one_snippet_7 .sh_left_content:hover .sh_img:before{transform: scale(1);opacity: 1;} #sh_all_in_one_snippet_7 .sh_left_content{position: relative;transition: all .4s;} #sh_all_in_one_snippet_7 .sh_left_content .sh_btn{position: absolute;right: 30px;bottom: 30px;z-index: 2;} #sh_all_in_one_snippet_7 .sh_left_content .sh_btn a{color: #2c2c2c;background-color: #fff;font-size: 32px;border-radius: 0;transition: all .4s;} #sh_all_in_one_snippet_7 .sh_left_content:before{content: '';background: rgba(44,44,44,.5);width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;z-index: 1;transition: all .6s ease-in-out 0s;pointer-events: none;} #sh_all_in_one_snippet_7 .sh_left_content:hover:before{opacity: 1;} #sh_all_in_one_snippet_7 .sh_left_content .sh_btn a:hover{background: #333;color: #fff;} #sh_all_in_one_snippet_7 .sh_right_content{position: relative;transition: all .4s;} #sh_all_in_one_snippet_7 .sh_right_content img{width: 100%;height: 255px;object-fit: cover;} #sh_all_in_one_snippet_7 .sh_right_content .sh_img:after{content: '';border-right: 1px solid rgba(255,255,255,.8);border-left: 1px solid rgba(255,255,255,.8);position: absolute;top: 30px;left: 30px;bottom: 30px;right: 30px;opacity: 0;z-index: 2;transform: scale(1,0);transform-origin: 100% 0;pointer-events: none;transition: all .6s ease-in-out 0s;} #sh_all_in_one_snippet_7 .sh_right_content .sh_img:before{content: '';border-top: 1px solid rgba(255,255,255,.8);border-bottom: 1px solid rgba(255,255,255,.8);position: absolute;top: 30px;left: 30px; bottom: 30px;right: 30px;opacity: 0; z-index: 2;transition: all .6s ease-in-out 0s;transform-origin: 0 0;pointer-events: none;} #sh_all_in_one_snippet_7 .sh_right_content:hover .sh_img:after, #sh_all_in_one_snippet_7 .sh_right_content:hover .sh_img:before{transform: scale(1);opacity: 1;} #sh_all_in_one_snippet_7 .sh_right_content:before{content: '';background: rgba(44,44,44,.5);width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;z-index: 1;transition: all .6s ease-in-out 0s;pointer-events: none;} #sh_all_in_one_snippet_7 .sh_right_content:hover:before{opacity: 1;} #sh_all_in_one_snippet_7 .sh_right_content .sh_btn{position: absolute;left: 50%;bottom: 30px;z-index: 2;transform: translateX(-50%);width: calc(100% - 60px);} #sh_all_in_one_snippet_7 .sh_right_content .sh_btn a{color: #2c2c2c;background-color: #fff;font-size: 18px;display: inline-block;width: 100%;min-width: 100%;border-radius: 0;transition: all .4s;} #sh_all_in_one_snippet_7 .sh_right_content .sh_btn a:hover{background: #333;color: #fff;} @media (max-width: 991px){ #sh_all_in_one_snippet_7 .sh_left_content{margin-bottom: 30px;} } @media (max-width: 576px){ #sh_all_in_one_snippet_7 .sh_right_content{margin-bottom: 30px;} #sh_all_in_one_snippet_7 .sh_left_content .sh_btn{width: calc(100% - 60px);} #sh_all_in_one_snippet_7 .sh_left_content .sh_btn a{width: 100%;font-size: 18px;} } /* snippet 7 */ /* snippet 8 */ #sh_all_in_one_snippet_8{padding: 50px 0;} #sh_all_in_one_snippet_8 .sh_content{position: relative;transition: all .4s;} #sh_all_in_one_snippet_8 .sh_content .sh_img img{width: 100%;max-height: 280px;object-fit: cover;} #sh_all_in_one_snippet_8 .sh_content .sh_des{position: absolute;top: 50%;transform: translateY(-50%);left: 5%;} #sh_all_in_one_snippet_8 .sh_content .sh_des h2{color: #fff;text-transform: uppercase;font-size: 30px;font-weight: 600;margin-bottom: 20px;} #sh_all_in_one_snippet_8 .sh_content .sh_des a{color: #fff;text-transform: uppercase;font-size: 13px;text-decoration: none;display: inline-block;position: relative;transition: all .4s;} #sh_all_in_one_snippet_8 .sh_content .sh_des a:after{content: "";background-color: #fff;height: 1px;position: absolute;bottom: 0;left: 0;transition: all 300ms;width: 100%;} #sh_all_in_one_snippet_8 .sh_content:before{bottom: 0;content: "";left: 50%;opacity: 1;-webkit-opacity: 1;position: absolute;right: 51%;top: 0;background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;pointer-events: none;} #sh_all_in_one_snippet_8 .sh_content:after{bottom: 50%;content: "";left: 0; opacity: 1;position: absolute;right: 0;top: 50%;background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;pointer-events: none;} #sh_all_in_one_snippet_8 .sh_content:hover:before, #sh_all_in_one_snippet_8 .sh_content:hover:after{left: 0;right: 0;top: 0;bottom: 0;transition: all 500ms ease-in-out 0s;} #sh_all_in_one_snippet_8 .sh_content .sh_des a:hover{color: o-color('o-color-1');} #sh_all_in_one_snippet_8 .sh_content .sh_des a:hover:after{background-color: o-color('o-color-1');} @media (max-width: 768px){ #sh_all_in_one_snippet_8 .sh_content{margin-bottom: 20px;} #sh_all_in_one_snippet_8 .sh_content .sh_img img{height: 200px;object-fit: cover;} } @media (max-width: 576px){ #sh_all_in_one_snippet_8 .sh_content .sh_des h2{font-size: 24px;} } /* snippet 9 */ /* #sh_all_in_one_snippet_9{padding: 50px 0;} #sh_all_in_one_snippet_9 .sh_left_content {position: relative;} #sh_all_in_one_snippet_9 .sh_left_content .sh_des{position: absolute;top: 50%;transform: translateY(-50%);left: 10%;z-index: 1;} #sh_all_in_one_snippet_9 .sh_left_content img{width: 100%;height: 604px;object-fit: cover;} #sh_all_in_one_snippet_9 .sh_left_content .sh_des h6{color: #333;font-weight: 500;letter-spacing: -.16px;font-size: 16px;margin-bottom: 10px;} #sh_all_in_one_snippet_9 .sh_left_content .sh_des h2{color: #333;font-weight: 600;line-height: 1.2em;letter-spacing: -.6px;font-size: 30px;margin-bottom: 20px;} #sh_all_in_one_snippet_9 .sh_left_content .sh_des a{text-decoration: none;color: #333;text-transform: uppercase;font-size: 14px;letter-spacing: 0.5px;transition: all .4s;padding-bottom: 5px;} #sh_all_in_one_snippet_9 .sh_left_content:before{content: '';position: absolute;left: 30px;right: 30px;top: 30px;bottom: 30px;border: .5rem solid rgba(255,255,255,.3);transition: all .45s ease;pointer-events: none;z-index: 1;} #sh_all_in_one_snippet_9 .sh_left_content .sh_des a:hover{color: o-color('o-color-1');box-shadow: 0 1.5px 0 0 o-color('o-color-1');} #sh_all_in_one_snippet_9 .sh_left_content:hover:before{background-color: rgba(255,255,255,.4);} #sh_all_in_one_snippet_9 .sh_content {position: relative;} #sh_all_in_one_snippet_9 .sh_content .sh_des{position: absolute;top: 50%;transform: translateY(-50%);left: 10%;z-index: 1;} #sh_all_in_one_snippet_9 .sh_content img{width: 100%;} #sh_all_in_one_snippet_9 .sh_content .sh_des h6{color: #333;font-weight: 500;letter-spacing: -.16px;font-size: 16px;margin-bottom: 10px;} #sh_all_in_one_snippet_9 .sh_content .sh_des h2{color: #333;font-weight: 600;line-height: 1.2em;letter-spacing: -.6px;font-size: 30px;margin-bottom: 20px;} #sh_all_in_one_snippet_9 .sh_content .sh_des a{text-decoration: none;color: #333;text-transform: uppercase;font-size: 14px;letter-spacing: 0.5px;transition: all .4s;padding-bottom: 5px;} #sh_all_in_one_snippet_9 .sh_content:before{content: '';position: absolute;left: 30px;right: 30px;top: 30px;bottom: 30px;border: .5rem solid rgba(255,255,255,.3);transition: all .45s ease;pointer-events: none;z-index: 1;} #sh_all_in_one_snippet_9 .sh_content .sh_des a:hover{color: o-color('o-color-1');box-shadow: 0 1.5px 0 0 o-color('o-color-1');} #sh_all_in_one_snippet_9 .sh_content:hover:before{background-color: rgba(255,255,255,.4);} #sh_all_in_one_snippet_9 .sh_content.sh_top{margin-bottom: 30px;} */ #sh_all_in_one_snippet_9{padding: 50px 0;} #sh_all_in_one_snippet_9 .sh_contact{position: relative;overflow: hidden;transition: all .4s;} #sh_all_in_one_snippet_9 .sh_contact .sh_img img{width: 100%;height: 270px;object-fit: cover;transition: all .4s;} #sh_all_in_one_snippet_9 .sh_contact .sh_des{position: absolute;top: 50%;transform: translateY(-50%);width: 65%;right: 20px;z-index: 1;} #sh_all_in_one_snippet_9 .sh_contact .sh_des h3{margin-bottom: 15px;font-size: 30px;line-height: 1.2;color: #fff;font-weight: 600;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} #sh_all_in_one_snippet_9 .sh_contact .sh_des p{margin-bottom: 15px;color: #fff;font-size: 14px;line-height: 22px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} #sh_all_in_one_snippet_9 .sh_contact .sh_des a{background: transparent;border-width: 2px;padding: 10px 25px;border-radius: 0;border-color: #fff;text-transform: uppercase;font-weight: 600;transition: all .4s;} #sh_all_in_one_snippet_9 .sh_contact .sh_des a:hover{background: #fff;color: o-color('o-color-1');} #sh_all_in_one_snippet_9 .sh_contact:hover .sh_img img{transform: scale(1.08);} #sh_all_in_one_snippet_9 .sh_contact .sh_img{position: relative;} #sh_all_in_one_snippet_9 .sh_contact .sh_img:before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #222; opacity: 0;transition: all .4s;z-index: 1;pointer-events: none;} #sh_all_in_one_snippet_9 .sh_contact:hover .sh_img:before{opacity: 0.2;} @media (max-width: 768px){ #sh_all_in_one_snippet_9 .sh_contact .sh_des{width: 100%;right: 0;padding: 0 20px;} #sh_all_in_one_snippet_9 .col-md-6:first-child .sh_contact{margin-bottom: 20px;} } @media (max-width: 576px){ #sh_all_in_one_snippet_9 .sh_contact .sh_des h3{font-size: 24px;} } /* snippet 9 */ /* snippet 10 */ #sh_all_in_one_snippet_10{padding: 50px 0;} #sh_all_in_one_snippet_10 .sh_content{position: relative;overflow: hidden;} #sh_all_in_one_snippet_10 .sh_content img{height: 160px;object-fit: cover;width: 100%;transform: scale(1);transition: all .4s;} #sh_all_in_one_snippet_10 .sh_content .sh_des{position: absolute;top: 50%;transform: translateY(-50%);left: 20px;} #sh_all_in_one_snippet_10 .sh_content .sh_des h4{text-transform: capitalize;font-size: 20px;margin-bottom: 5px;} #sh_all_in_one_snippet_10 .sh_content .sh_des a{text-transform: uppercase;font-size: 12px;color: #333;letter-spacing: 1.5px; text-decoration: none;transition: all .4s;font-weight: 600;} #sh_all_in_one_snippet_10 .sh_content .sh_des a span{padding-left: 0;transition: all .4s;} #sh_all_in_one_snippet_10 .sh_content:hover .sh_des a span{padding-left: 5px;color: o-color('o-color-1');} #sh_all_in_one_snippet_10 .sh_content:hover .sh_des a{color: o-color('o-color-1');} #sh_all_in_one_snippet_10 .sh_content:hover img{transform: scale(1.1);} @media (max-width: 768px){ #sh_all_in_one_snippet_10 .sh_content{margin-bottom: 20px;} } /* snippet 10 */ /* snippet 11 */ #sh_all_in_one_snippet_11{padding: 50px 0;} #sh_all_in_one_snippet_11 .sh_content{position: relative;} #sh_all_in_one_snippet_11 .sh_content .sh_img img{width: 100%;height: 260px;object-fit: cover;} #sh_all_in_one_snippet_11 .sh_content .sh_img{position: relative;} #sh_all_in_one_snippet_11 .sh_content .sh_img .sh_overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: rgba(33, 38, 49, 0.8);padding: 35px 40px 40px 40px;transform-origin: top;transform: perspective(15em) rotateX(-20deg);transition: all 500ms ease-out 0s;opacity: 0;pointer-events: none;} #sh_all_in_one_snippet_11 .sh_content .sh_img .sh_overlay ul{position: absolute;top: 30%;left: 0;right: 0;margin: 0 auto;text-align: center;transition: all 500ms ease-out 0s;opacity: 0;transform: scale(0);pointer-events: auto;padding: 0;} #sh_all_in_one_snippet_11 .sh_content .sh_img .sh_overlay ul li{height: 34px;width: 34px;font-size: 14px;line-height: 34px;float: none;margin-right: 5px;margin-bottom: 5px;opacity: 0;transform: translateY(60px);transition: all 500ms ease-out 0s;display: inline;} #sh_all_in_one_snippet_11 .sh_content .sh_img .sh_overlay ul li a{display: inline-block;color: #fff;text-align: center;height: 34px;width: 34px;font-size: 14px;line-height: 34px;border-radius: 4px;background: o-color('o-color-1');} #sh_all_in_one_snippet_11 .sh_content:hover .sh_img .sh_overlay{transform: perspective(0em) rotateX(0deg);opacity: 1;} #sh_all_in_one_snippet_11 .sh_content:hover .sh_img .sh_overlay ul{position: absolute;top: 50%;opacity: 1;transform: scale(1);} #sh_all_in_one_snippet_11 .sh_content:hover .sh_img .sh_overlay ul li{transform: translateY(0);opacity: 1;} #sh_all_in_one_snippet_11 .sh_content .sh_des{background: #ffffff;padding: 20px;position: relative;box-shadow: 0 0 12px 2px rgba(0,0,0,.10);text-align: center;} #sh_all_in_one_snippet_11 .sh_content .sh_des h4{font-size: 22px;font-weight: 700;text-transform: capitalize;color: #243b60;margin-bottom: 5px;position: relative;z-index: 1;} #sh_all_in_one_snippet_11 .sh_content .sh_des p{margin-bottom: 0;font-size: 16px;color: o-color('o-color-1');text-transform: capitalize;position: relative;z-index: 1;} #sh_all_in_one_snippet_11 .sh_content .sh_img .sh_overlay ul li a span{width: 100%;height: 100%;} #sh_all_in_one_snippet_11 .sh_content .sh_des:before{background: o-color('o-color-1');height: 25px;width: 50px;position: absolute;content: "";bottom: 0;left: 0;opacity: 0.1;-webkit-transition: all 400ms ease-out 0s;transition: all 400ms ease-out 0s;z-index: 0;} #sh_all_in_one_snippet_11 .sh_content .sh_des:after{background: o-color('o-color-1');height: 25px;width: 50px;right: 0;bottom: 0;content: "";transition: all 400ms ease-out 0s;position: absolute;right: 0;z-index: 0;opacity: 0.1;} #sh_all_in_one_snippet_11 .sh_content:hover .sh_des:before, #sh_all_in_one_snippet_11 .sh_content:hover .sh_des:after{height: 100%;width: 100%;z-index: 0;opacity: 1;} #sh_all_in_one_snippet_11 .sh_content:hover .sh_des h4 , #sh_all_in_one_snippet_11 .sh_content:hover .sh_des p{color: #fff;} @media (max-width: 991px){ #sh_all_in_one_snippet_11 .sh_content{margin-bottom: 20px;} } /* snippet 11 */ /* snippet 12 */ #sh_all_in_one_snippet_12{padding: 50px 0;} #sh_all_in_one_snippet_12 .sh_content{position: relative;overflow: hidden;padding-bottom: 100px;background: #fff;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,.07);transition: all .4s;} #sh_all_in_one_snippet_12 .sh_content .sh_img img{border-radius: 5px 5px 0 0;display: block;width: 100%;height: 260px;object-fit: cover;} #sh_all_in_one_snippet_12 .sh_content .sh_description{height: 100px;width: 100%;top: unset;bottom: 0;opacity: 1;position: absolute;padding: 15px 20px;color: #444;text-align: center;overflow: hidden;background: #F1F6FC;transition: .3s all ease;} #sh_all_in_one_snippet_12 .sh_content .sh_description .sh_name{margin: 10px 0px;} #sh_all_in_one_snippet_12 .sh_content .sh_description h3{font-size: 20px;font-weight: 700;line-height: 30px;margin: 0;text-transform: uppercase;transition: all .4s;} #sh_all_in_one_snippet_12 .sh_content .sh_description p{font-size: 15px;text-transform: capitalize;color: #363636;float: none;text-align: center;font-weight: 400;transition: all .4s;} #sh_all_in_one_snippet_12 .sh_content .sh_description .sh_social{bottom: -100px !important;transition: all .3s ease 0s;position: absolute;bottom: 50px;width: 100%;text-align: center;z-index: 100;left: 50%;opacity: 0;transform: translateX(-50%) scale(0.5);transition: .4s all ease;} #sh_all_in_one_snippet_12 .sh_content .sh_description .sh_social a{width: 25px;height: 25px;line-height: 25px;padding: 0;border: none;text-align: center;color: #fff;display: inline-block;transition: all .3s ease 0s;background: 0 0 !important;margin-right: 8px;} #sh_all_in_one_snippet_12 .sh_content .sh_description .sh_social a span{width: 100%;height: 100%;} #sh_all_in_one_snippet_12 .sh_content:hover .sh_description{background: o-color('o-color-1');opacity: 1;width: 100%;visibility: visible;transform: translate(0, 0);top: unset;bottom: 0;height: 140px;} #sh_all_in_one_snippet_12 .sh_content:hover .sh_description .sh_social{bottom: 25px !important;opacity: 1;transform: translateX(-50%) scale(1);} #sh_all_in_one_snippet_12 .sh_content:hover .sh_description h3{color: #fff;} #sh_all_in_one_snippet_12 .sh_content:hover .sh_description p{color: #fff;} @media (max-width: 991px){ #sh_all_in_one_snippet_12 .sh_content{margin-bottom: 20px;} } /* snippet 12 */ /* snippet 13 */ #sh_all_in_one_snippet_13{padding: 50px 0;} #sh_all_in_one_snippet_13 .sh_content{position: relative;} #sh_all_in_one_snippet_13 .sh_content .sh_img{position: relative;display: block;overflow: hidden;} #sh_all_in_one_snippet_13 .sh_content .sh_img img{width: 100%;height: 260px;object-fit: cover;} #sh_all_in_one_snippet_13 .sh_content .sh_socil{display: block;position: absolute;bottom: -22px;right: 26px; z-index: 2;} #sh_all_in_one_snippet_13 .sh_content .sh_socil ul{background-color: rgba(0,0,0,.7);position: absolute;bottom: -200px;right: 0;width: 45px;display: block;z-index: 2;border-radius: 45px 45px 0 0;padding-top: 21px;padding-bottom: 26px;padding-left: 0;text-align: center;transition: all .4s;} #sh_all_in_one_snippet_13 .sh_content .sh_socil ul li{display: block;list-style: none;margin: 0 0 5px 0;padding: 0;float: none;} #sh_all_in_one_snippet_13 .sh_content .sh_socil ul li a{width: 45px;height: 30px;line-height: 30px;display: block;position: relative;color: #fff;} #sh_all_in_one_snippet_13 .sh_content .sh_socil ul li a span{width: 100%;height: 100%;} #sh_all_in_one_snippet_13 .sh_content:hover .sh_socil ul{bottom: 0;} #sh_all_in_one_snippet_13 .sh_content .sh_share{display: block;position: relative;} #sh_all_in_one_snippet_13 .sh_content .sh_share span{display: block;position: absolute;top: -22px;right: 26px;width: 45px;height: 45px;border-radius: 100%;line-height: 39px;text-align: center;font-size: 12px;border: 4px solid;z-index: 3;border-color: #fff;background-color: o-color('o-color-1');color: #fff;} #sh_all_in_one_snippet_13 .sh_content .sh_text{background-color: #fff;box-shadow: 0px 0px 46px 0px rgba(0,0,0,.10);position: relative;display: block;padding: 22px 27px 18px;transition: all .4s;} #sh_all_in_one_snippet_13 .sh_content .sh_text h4{font-size: 20px;line-height: 25px;font-weight: 700;text-transform: capitalize;margin-bottom: 5px;} #sh_all_in_one_snippet_13 .sh_content .sh_text p{margin-bottom: 0;font-size: 14px;color: #707070;text-transform: capitalize;} #sh_all_in_one_snippet_13 .sh_content:hover .sh_text{box-shadow: 0px 0px 46px 0px rgba(0,0,0,.20);} @media (max-width: 991px){ #sh_all_in_one_snippet_13 .sh_content{margin-bottom: 20px;} } /* snippet 13 */ /* snippet 14 */ #sh_all_in_one_snippet_14{padding: 50px 0;} #sh_all_in_one_snippet_14 .sh_content{position: relative;} #sh_all_in_one_snippet_14 .sh_content .sh_img img{width: 100%;transition: all 0.4s ease;height: 300px;object-fit: cover;} #sh_all_in_one_snippet_14 .sh_content .sh_img {position: relative;overflow: hidden;border-radius: 4px;transition: all 0.4s ease;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part{position: absolute;background: o-color('o-color-1');border-radius: 0px 0px 5px 5px;padding: 18px 0px;transition: all 0.4s ease;left: 0;bottom: 0;width: 100%;text-align: center;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_name{transition: all 0.4s ease;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_name h4{font-size: 20px;color: #fff;font-weight: 600;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_name p{font-size: 14px;color: #fff;margin-bottom: 0;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_social{background: o-color('o-color-1');border-radius: 0px 0px 5px 5px;padding: 29px 0px;transition: all 0.4s ease;position: absolute;bottom: 0;width: 100%;opacity: 0;visibility: hidden;transition: all .4s;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_social ul{list-style: none;margin-bottom: 0;padding: 0;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_social ul li{display: inline-block;margin-right: 5px;transition: all 0.7s ease;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_social ul li a{font-size: 13px;color: #555;width: 25px;height: 25px;background: #fff;line-height: 25px;border-radius: 4px;display: inline-block;transition: all 0.3s ease;text-decoration: none;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_social ul li a span{width: 100%;height: 100%;} #sh_all_in_one_snippet_14 .sh_content:hover .sh_img img{transform: scale(1.1);} #sh_all_in_one_snippet_14 .sh_content:hover .sh_bottom_part .sh_name{opacity: 0;visibility: hidden;} #sh_all_in_one_snippet_14 .sh_content:hover .sh_bottom_part .sh_social{opacity: 1;visibility: visible;} #sh_all_in_one_snippet_14 .sh_content .sh_bottom_part .sh_social ul li a:hover{border-radius: 50%;} @media (max-width: 991px){ #sh_all_in_one_snippet_14 .sh_content{margin-bottom: 20px;} } /* snippet 14 */ /* snippet 15 */ #sh_all_in_one_snippet_15{padding: 50px 0;} #sh_all_in_one_snippet_15 .sh_content{position: relative;margin-bottom: 0;transition: all 0.4s ease;} #sh_all_in_one_snippet_15 .sh_content .sh_img{position: relative;overflow: hidden;max-width: 100%;max-height: 360px;transition: all 0.2s ease;text-align: center;border-radius: 5px;transition: all .4s;} #sh_all_in_one_snippet_15 .sh_content .sh_img img{width: 100%;transform: scale(1);transition: 0.3s ease-in-out;z-index: 2;position: relative;filter: grayscale(70%);height: 260px;object-fit: cover;} #sh_all_in_one_snippet_15 .sh_content .sh_name{padding: 20px 25px;text-align: center;background-color: #fff; border-radius: 4px;width: 90%;margin: auto;position: relative;top: -35px;z-index: 2;border: 1px solid #e4e4e4;transition: all .4s;} #sh_all_in_one_snippet_15 .sh_content .sh_name h4{font-size: 22px;font-weight: 500;color: #111;position: relative;margin-bottom: 0;z-index: 3;text-transform: capitalize;letter-spacing: 0.5px;transition: all .4s;} #sh_all_in_one_snippet_15 .sh_content .sh_name p{color: o-color('o-color-1');font-weight: 400;letter-spacing: 0;font-size: 14px;padding: 3px 0 0;margin: 0;transition: all .4s;} #sh_all_in_one_snippet_15 .sh_content .sh_social{position: absolute;z-index: 4;top: 30px;left: 5%;width: 45px;display: block;box-shadow: -2px 4px 31px -13px rgba(153,153,153,.82);} #sh_all_in_one_snippet_15 .sh_content .sh_social ul{margin: 0px;list-style: none;display: block;padding-top: 10px;list-style: none;left: -33px;position: absolute;width: 40px;top: 10px;text-align: left;padding-top: 21px;padding-left: 0;left: 0;height: 0;opacity: 0;visibility: hidden;transition: all .4s;} #sh_all_in_one_snippet_15 .sh_content .sh_social:before{content: "\f1e0";font-size: 14px;color: #fff;font-weight: 400;padding: 0px 13px;border-radius: 5px;background-color: o-color('o-color-1');line-height: 1px;cursor: pointer;font-family: 'FontAwesome';padding: 9px 10px;transition: all .4s;} #sh_all_in_one_snippet_15 .sh_content .sh_social ul li{display: inline-block;} #sh_all_in_one_snippet_15 .sh_content .sh_social ul li a{display: block;padding: 0px 0px;margin: 5px 0 0 0;width: 30px;border-radius: 50%;background-color: #fff;color: o-color('o-color-1');text-align: center;box-shadow: -2px 4px 15px -9px rgba(153,153,153,.79);width: 30px;height: 30px;line-height: 32px;font-size: 12px;} #sh_all_in_one_snippet_15 .sh_content .sh_social ul li a span{width: 100%;height: 100%;} #sh_all_in_one_snippet_15 .sh_content .sh_social:hover ul{display: block;visibility: visible;opacity: 1;height: auto;} #sh_all_in_one_snippet_15 .sh_content:hover .sh_name{background: o-color('o-color-1');border-color: o-color('o-color-1');} #sh_all_in_one_snippet_15 .sh_content:hover .sh_name h4, #sh_all_in_one_snippet_15 .sh_content:hover .sh_name p{color: #fff;} #sh_all_in_one_snippet_15 .sh_content:hover .sh_img img{transform: scale(1.1);filter: grayscale(0%);} #sh_all_in_one_snippet_15 .sh_content .sh_social:hover:before{border-radius: 50%;} @media (max-width: 991px){ #sh_all_in_one_snippet_15 .sh_content{margin-bottom: 20px;} } /*========================= #sh_team_snippet_31 =========================*/ #sh_team_snippet_31 { width: 100%; padding: 80px 0px; position: relative; } #sh_team_snippet_31 .first-row .sh_title { font-size: 28px; margin-bottom: 0px; } #sh_team_snippet_31 .first-row .sh_title .sh_text { padding-left: 68px; position: relative; display: inline-block; } #sh_team_snippet_31 .first-row .sh_title .sh_border { width: 40px; height: 3px; position: absolute; top: 21px; left: 0; background-color: o-color(o-color-1); } #sh_team_snippet_31 .second-row { margin: 30px 0px; } #sh_team_snippet_31 .second-row .sh_team { padding: 10px 0px; width: 100%; } #sh_team_snippet_31 .second-row .sh_team .sh_team_img { height: 300px; width: 100%; position: relative; } #sh_team_snippet_31 .second-row .sh_team .sh_team_img:hover img { filter: grayscale(0%); } #sh_team_snippet_31 .second-row .sh_team .sh_team_img:hover .sh_team_social { display: block; bottom: -5px; height: 0.004732px; } #sh_team_snippet_31 .second-row .sh_team .sh_team_img img { height: 100%; width: 100%; border-radius: 10px; filter: grayscale(100%); transition: 1s; object-fit: cover; } #sh_team_snippet_31 .second-row .sh_team .sh_team_item_inner { padding-left: 15px; padding-right: 15px; background-color: #fff; border-radius: 5px; box-shadow: 0 13px 29px rgba(0, 0, 0, 0.1); padding: 24px 20px; position: absolute; bottom: -40px; left: 30px; right: 30px; overflow: hidden; } #sh_team_snippet_31 .second-row .sh_team .sh_team_item_inner .sh_team_title { font-size: 16px; margin-bottom: 2px; } #sh_team_snippet_31 .second-row .sh_team .sh_team_item_inner .sh_team_designation { font-size: 14px; line-height: 24px; color: #737272; } #sh_team_snippet_31 .second-row .sh_team .sh_team_item_inner .sh_team_social { list-style: none; margin-top: 8px; margin-bottom: 2px; line-height: 1; padding: 0; margin: 0 0 15px; transition: all 0.5s ease 0s; bottom: -40px; height: 0; position: relative; } #sh_team_snippet_31 .second-row .sh_team .sh_team_item_inner .sh_team_social li { display: inline-block; margin: 0 6px; } #sh_team_snippet_31 .second-row .sh_team .sh_team_item_inner .sh_team_social li a { font-size: 15px; display: inline-block; } @media screen and (max-width: 800px) { #sh_team_snippet_31 { padding: 50px 0px; } } @media screen and (max-width: 576px) { #sh_team_snippet_31 { padding: 20px 0px; } #sh_team_snippet_31 .first-row .sh_title .sh_text { padding-left: 0px; } #sh_team_snippet_31 .first-row .sh_title .sh_border { top: -10px; } } /*========================= #sh_team_snippet_31 =========================*/ /*========================= #sh_team_snippet_32 =========================*/ #sh_team_snippet_32 { width: 100%; padding: 100px 0px; text-align: center; } #sh_team_snippet_32 h6 { color: o-color(o-color-1); font-size: 16px; } #sh_team_snippet_32 h2 { font-size: 30px; color: #000; margin-top: 10px; } #sh_team_snippet_32 .main-row .sh_team { width: 100%; padding: 30px 0px; display: flex; justify-content: center; align-items: center; flex-direction: column; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img { height: 250px; width: 250px; border-radius: 300px; overflow: hidden; } #sh_team_snippet_32 .main-row .sh_team .sub-div { position: absolute; top: 30px; right: 50px; height: 50px; width: 50px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 20px; background-color: #fff; color: o-color(o-color-1); border-radius: 100%; transition: 1s; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.7); z-index: 1; opacity: 1; } #sh_team_snippet_32 .main-row .sh_team .sub-div:hover { background-color: o-color(o-color-1); color: #fff; } #sh_team_snippet_32 .main-row .sh_team .sub-div:hover a span { color: #fff; } // #sh_team_snippet_32 .main-row .sh_team .sub-div:hover .sub-div-1{ // top:25px; // right:30px; // } #sh_team_snippet_32 .main-row .sh_team .sub-div-1 { position: absolute; top: 35px; right: 35px; height: 50px; width: 50px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 20px; background-color: #fff; color: o-color(o-color-1); border-radius: 100%; transition: 1s; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.7); opacity: 0; } #sh_team_snippet_32 .main-row .sh_team .sub-div-1:hover { background-color: o-color(o-color-1); color: #fff; } #sh_team_snippet_32 .main-row .sh_team .sub-div-1:hover a span { color: #fff; } #sh_team_snippet_32 .main-row .sh_team .sub-div-2 { position: absolute; top: 85px; right: 8px; height: 50px; width: 50px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 20px; background-color: #fff; color: o-color(o-color-1); border-radius: 100%; transition: 1s; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.7); opacity: 0; } #sh_team_snippet_32 .main-row .sh_team .sub-div-2:hover { background-color: o-color(o-color-1); color: #fff; } #sh_team_snippet_32 .main-row .sh_team .sub-div-2:hover a span { color: #fff; } #sh_team_snippet_32 .main-row .sh_team .sub-div-3 { position: absolute; top: 141px; right: -5px; height: 50px; width: 50px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 20px; background-color: #fff; color: o-color(o-color-1); border-radius: 100%; transition: 1s; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.7); opacity: 0; } #sh_team_snippet_32 .main-row .sh_team .sub-div-3:hover a span { color: #fff; } #sh_team_snippet_32 .main-row .sh_team .sub-div-3:hover { background-color: o-color(o-color-1); color: #fff; } #sh_team_snippet_32 .main-row .sh_team .sub-div-4 { position: absolute; top: 193px; right: 9px; height: 50px; width: 50px; display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; align-items: center; font-size: 20px; background-color: #fff; color: o-color(o-color-1); border-radius: 100%; transition: 1s; box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.7); opacity: 0; } #sh_team_snippet_32 .main-row .sh_team .sub-div-4:hover { background-color: o-color(o-color-1); color: #fff; } #sh_team_snippet_32 .main-row .sh_team .sub-div-4:hover a span { color: #fff; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div { opacity: 1; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-1 { opacity: 1; top: 75px; right: 15px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-2 { opacity: 1; top: 130px; right: -2px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-3 { opacity: 1; top: 185px; right: 11px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-4 { opacity: 1; top: 225px; right: 50px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover img { transform: scale(1.1); } #sh_team_snippet_32 .main-row .sh_team .sh_team_img img { height: 100%; width: 100%; border-radius: 100%; transition: 1s; object-fit: cover; position: relative; } #sh_team_snippet_32 .main-row .sh_team .sh_team_title a { font-size: 25px; text-decoration: none; color: #000; transition: 1s; margin-top: 30px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_title a:hover { color: o-color(o-color-1); } #sh_team_snippet_32 .main-row .sh_team h5 { margin-top: 10px; } @media screen and (max-width: 800px) { #sh_team_snippet_32 .main-row .sh_team .sub-div-3 { top: 125px; right: 29px; } #sh_team_snippet_32 .main-row .sh_team .sub-div-2 { top: 68px; right: 45px; } #sh_team_snippet_32 .main-row .sh_team .sub-div-1 { top: 30px; right: 75px; } #sh_team_snippet_32 .main-row .sh_team .sub-div-4 { top: 205px; right: 65px; } #sh_team_snippet_32 .main-row .sh_team .sub-div { top: 30px; right: 75px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-1 { opacity: 1; top: 80px; right: 51px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-2 { opacity: 1; top: 135px; right: 39px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-3 { opacity: 1; top: 190px; right: 50px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-4 { opacity: 1; top: 231px; right: 88px; } } @media screen and (max-width: 567px) { #sh_team_snippet_32 .main-row .sh_team .sub-div { top: 20px; right: 100px; } #sh_team_snippet_32 .main-row .sh_team .sub-div-3 { top: 125px; right: 46px; } #sh_team_snippet_32 .main-row .sh_team .sub-div-2 { top: 67px; right: 59px; } #sh_team_snippet_32 .main-row .sh_team .sub-div-1 { top: 20px; right: 100px; } #sh_team_snippet_32 .main-row .sh_team .sub-div-4 { top: 180px; right: 62px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-1 { opacity: 1; top: 67px; right: 59px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-2 { opacity: 1; top: 125px; right: 46px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-3 { opacity: 1; top: 180px; right: 62px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-4 { opacity: 1; top: 223px; right: 98px; } } @media screen and (max-width: 360px) { #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-1 { opacity: 1; top: 50px; right: 42px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-2 { opacity: 1; top: 110px; right: 19px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-3 { opacity: 1; top: 175px; right: 20px; } #sh_team_snippet_32 .main-row .sh_team .sh_team_img:hover .sub-div-4 { top: 217px; right: 66px; } } /*========================= #sh_team_snippet_32 =========================*/ // team snippet end // /* snippet 16 */ #sh_all_in_one_snippet_16{padding: 50px 0;} #sh_all_in_one_snippet_16 .sh_content{position: relative;transition: all .4s;} #sh_all_in_one_snippet_16 .sh_content .sh_img{position: relative;overflow: hidden;} #sh_all_in_one_snippet_16 .sh_content .sh_img img{width: 100%;transition: all .4s;height: 260px;object-fit: cover;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul{position: absolute;width: 100%;height: auto;left: 0; bottom: 30px;text-align: center;margin: 0;padding: 0;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li{display: inline-block;visibility: hidden;margin: 2px;opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%);transition: all .4s cubic-bezier(.37,.31,.2,.85);margin: 0 2px;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li a{display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius: 50%;color: #fff;font-size: 14px;} #sh_all_in_one_snippet_16 .sh_content .sh_des{background-color: o-color('o-color-1');padding: 20px 0;margin: 0;text-align: center;} #sh_all_in_one_snippet_16 .sh_content .sh_des h4{font-size: 24px;font-weight: 600;text-transform: capitalize;color: #fff;} #sh_all_in_one_snippet_16 .sh_content .sh_des p{font-size: 12px;font-weight: 600;margin: 0;color: #fff;} #sh_all_in_one_snippet_16 .sh_content:hover .sh_img ul li{transform: translateY(0);visibility: visible;opacity: 1;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li:first-child a{background: #3b5999;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li:nth-child(2) a{background: #55acee;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li:nth-child(3) a{background: #0e76a8;} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li:nth-child(4) a{background: #e4405f;} #sh_all_in_one_snippet_16 .sh_content:hover .sh_img img{transform: scale(1.1) rotate(2deg);filter: blur(1px);} #sh_all_in_one_snippet_16 .sh_content .sh_img ul li a span{width: 100%;} @media (max-width: 991px){ #sh_all_in_one_snippet_16 .sh_content{margin-bottom: 20px;} } /* snippet 17 */ #sh_all_in_one_snippet_17{padding: 50px 0;} #sh_all_in_one_snippet_17 .sh_content{position: relative;} #sh_all_in_one_snippet_17 .sh_content .sh_img:before{position: absolute;content: '';left: 0;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(90deg, rgb(253,74,54) 0%, rgb(32,22,48) 86%);transition: .5s;opacity: 0;transform: perspective(400px) rotateX(-90deg);z-index: 5;} #sh_all_in_one_snippet_17 .sh_content .sh_img img{width: 100%;} #sh_all_in_one_snippet_17 .sh_content .sh_des{position: absolute;top: 0;right: 0;left: 0;bottom: 0;padding: 30px 30px 20px;opacity: 0;z-index: 9;transition: .5s;} #sh_all_in_one_snippet_17 .sh_content .sh_des .sh_author{position: absolute;left: 30px;bottom: 30px;} #sh_all_in_one_snippet_17 .sh_content .sh_des .sh_author h4{position: relative;font-size: 22px;font-weight: 600;color: #fff;margin-bottom: 5px;} #sh_all_in_one_snippet_17 .sh_content .sh_des .sh_author p{position: relative;font-size: 18px;font-weight: 500;color: #fff;margin-bottom: 0;} #sh_all_in_one_snippet_17 .sh_content .sh_des ul{position: absolute;right: 20px;top: 20px;background-color: #fff;border-radius: 21px;overflow: hidden;transition: .5s;transform: scaleX(0);list-style: none;padding: 0;} #sh_all_in_one_snippet_17 .sh_content .sh_des ul li a{width: 42px;height: 35px;line-height: 35px;text-align: center;border-bottom: 1px solid #e1e5e9;transition: .5s;font-size: 14px;display: inline-block;text-decoration: none;color: #555;} #sh_all_in_one_snippet_17 .sh_content:hover .sh_img:before{opacity: .9;transform: perspective(400px) rotateX(0deg);} #sh_all_in_one_snippet_17 .sh_content:hover .sh_des{opacity: 1;} #sh_all_in_one_snippet_17 .sh_content:hover .sh_des ul{transform: scaleX(1);} @media (max-width: 991px){ #sh_all_in_one_snippet_17 .sh_content{margin-bottom: 20px;} } // / #sh_banner_snippet_26 start // #sh_banner_snippet_26 { width: 100%; padding: 50px 0px 100px; position: relative; } #sh_banner_snippet_26 .main-row { margin-top: 50px; } #sh_banner_snippet_26 .main-row .sh_banner { position: relative; overflow: hidden; } #sh_banner_snippet_26 .main-row .sh_banner .sh_img { width: 100%; height: 300px; overflow: hidden; position: relative; line-height: 0; overflow: hidden; } #sh_banner_snippet_26 .main-row .sh_banner .sh_img img { height: 100%; width: 100%; object-fit: cover; object-position: center; transition: 0.3s; } #sh_banner_snippet_26 .main-row .sh_banner:hover img { transform: scale(1.1) !important; } #sh_banner_snippet_26 .main-row .sh_banner .sh_content { position: absolute; top: 0; bottom: 0; left: 2rem; align-items: flex-start; padding: 1.6rem 1.5rem 1.5rem 2rem; justify-content: center; display: flex; flex-wrap: nowrap; flex-direction: column; z-index: 2; } #sh_banner_snippet_26 .main-row .sh_banner .sh_content h5 { color: o-color(o-color-1); margin: 0; margin-bottom: 1.2rem; text-transform: uppercase; font-weight: bold; } #sh_banner_snippet_26 .main-row .sh_banner .sh_content h4 { margin: 0; color: #000; font-size: 20px; font-weight: 600; margin-bottom: 2rem; } #sh_banner_snippet_26 .main-row .sh_banner .sh_content p { color: #444444; font-weight: 500; margin: 0; line-height: 1.5; margin-bottom: 2.2rem; } #sh_banner_snippet_26 .main-row .sh_banner .sh_content .sh_btn { background: #222; transition: 0.5s; font-weight: 700; padding: 10px 20px; font-size: 16px; line-height: 1.9rem; box-sizing: border-box; vertical-align: middle; -webkit-transition: all 0.3s ease; border: 2px solid #222; color: #fff; cursor: pointer; display: inline-block; border-radius: 3px; text-transform: capitalize; } #sh_banner_snippet_26 .main-row .sh_banner .sh_content .sh_btn a { color: #fff; font-weight: bold; text-decoration: none; } #sh_banner_snippet_26 .main-row .sh_banner .sh_content .sh_btn:hover { background: o-color(o-color-1); border-color: o-color(o-color-1); } @media screen and (max-width: 768px) { #sh_banner_snippet_26 .main-row .sh_banner .sh_content { padding-left: 0px; } #sh_banner_snippet_26 .main-row .sh_banner .sh_content p { font-size: 14px; } } @media screen and (max-width: 567px) { #sh_banner_snippet_26 .main-row .sh_banner { margin-bottom: 30px; } #sh_banner_snippet_26 .main-row .sh_banner .sh_content { left: 15px; } #sh_banner_snippet_26 { padding: 0px 0px; } #sh_banner_snippet_26 .main-row { margin-top: 30px; } } // #sh_banner_snippet_26 end // // #sh_banner_snippet_27 start // #sh_banner_snippet_27 { width: 100%; padding: 20px 0px; position: relative; } #sh_banner_snippet_27 .main-row .sh_img { height: 550px; width: 100%; } #sh_banner_snippet_27 .main-row .sh_img img { height: 100%; object-fit: cover; width: 100%; } #sh_banner_snippet_27 .main-row .sh_content { position: absolute; width: 100%; content: ""; top: 50%; left: 85%; transform: translate(-100%, -50%); } #sh_banner_snippet_27 .main-row .sh_content h5 { text-transform: uppercase; letter-spacing: 2.6px; font-size: 16px; color: #000; font-weight: 600; } #sh_banner_snippet_27 .main-row .sh_content h3 { font-size: 70px; letter-spacing: -1.125px; line-height: 70px; font-weight: 700px; } #sh_banner_snippet_27 .main-row .sh_content h3 a{ color: #000; text-decoration: none; } #sh_banner_snippet_27 .main-row .sh_content p { color: #000000b3; font-size: 16px; padding-bottom: 10px; line-height: 27px; display: -webkit-box;max-width: 100%;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; } #sh_banner_snippet_27 .main-row .sh_content .sh_btn { color: #000; padding-bottom: 5px; border-bottom: solid 1px #000; text-decoration: none; } @media screen and (max-width:768px) { #sh_banner_snippet_27 .main-row .sh_content h3{font-size: 70px;} #sh_banner_snippet_27 .main-row .sh_img{height: 400px} } @media screen and (max-width:567px) { #sh_banner_snippet_27 .main-row .sh_img{height: 300px; margin-bottom: 30px; } #sh_banner_snippet_27 .main-row .sh_content h3{font-size: 50px;} #sh_banner_snippet_27 .main-row .sh_content{ position: relative; width: 100%; content: ""; top: 0; left: 0; transform: translate(0%, 0%); margin-bottom: 30px; } } @media screen and (max-width:360px) { #sh_banner_snippet_27 .main-row .sh_content h3{font-size: 40px;} } // #sh_banner_snippet_27 end // /* ######## pricing ######## */ /* snippet 18 */ #sh_all_in_one_snippet_18{padding: 50px 0;} #sh_all_in_one_snippet_18 .sh_content{padding: 50px;box-shadow: 0px 10px 20px 0px rgba(0,0,0,.11);text-align: center;transition: all .4s;} #sh_all_in_one_snippet_18 .sh_content .sh_price_title h4{color: o-color('o-color-1');font-size: 28px;font-weight: 700;line-height: 24px;padding: 40px 0 20px;margin-bottom: 0;} #sh_all_in_one_snippet_18 .sh_content .sh_price_title a{font-size: 14px;font-weight: 800;text-transform: uppercase;color: #ffffff;background-color: o-color('o-color-1');padding: 15px 35px 15px 35px;border-radius: 5px 5px 5px 5px;border-color: o-color('o-color-1');margin-bottom: 20px;transition: all .4s;} #sh_all_in_one_snippet_18 .sh_content .sh_price span{font-size: 24px;font-weight: 700;display: block;transition: all .4s ease;padding-bottom: 20px;} #sh_all_in_one_snippet_18 .sh_content .sh_price_content ul{margin: 0;padding: 0;list-style: none;position: relative;padding-top: 20px;} #sh_all_in_one_snippet_18 .sh_content .sh_price_content ul section{font-size: 18px;line-height: 42px;} #sh_all_in_one_snippet_18 .sh_content .sh_price_content ul section span{color: o-color('o-color-1');font-size: 16px;padding-right: 10px;} #sh_all_in_one_snippet_18 .sh_content .sh_price_content ul section:first-child{font-weight: 600;} #sh_all_in_one_snippet_18 .sh_content .sh_icon{width: 30px;height: 30px;background: o-color('o-color-1');border-radius: 50%;margin: auto;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_icon{position: relative;left: -10px;background: #f6bd4a;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_icon:after {content: '';position: absolute;width: 30px;height: 30px;background: #4acbe5;border-radius: 50%;opacity: 0.8;} #sh_all_in_one_snippet_18 .sh_content.sh_learning .sh_icon{position: relative;left: -10px;} #sh_all_in_one_snippet_18 .sh_content.sh_learning .sh_icon:after {content: '';position: absolute;width: 30px;height: 30px;background: #4acbe5;border-radius: 50%;opacity: 0.8;} #sh_all_in_one_snippet_18 .sh_content.sh_learning .sh_icon:before{content: '';position: absolute;width: 30px;height: 30px;background: #f5ac00;border-radius: 50%;opacity: 0.8;bottom: -15px;left: 10px;} #sh_all_in_one_snippet_18 .sh_content .sh_price_content ul:before{position: absolute;content: "";width: 75%;left: 13%;height: 1px;background: rgba(18,15,45,.15);top: 0;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer{background: o-color('o-color-1');} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_price_title h4{color: #fff;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_price span{color: #fff;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_price_content ul{color: #fff;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_price_content ul section span{color: #fff;} #sh_all_in_one_snippet_18 .sh_content.sh_trainer .sh_price_title a{border-color: #ffffff82;background: transparent;} #sh_all_in_one_snippet_18 .sh_content:hover .sh_price_title a{background: o-color('o-color-2');border-color: o-color('o-color-2');} #sh_all_in_one_snippet_18 .sh_content.sh_trainer:hover .sh_price_title a{background: o-color('o-color-2');border-color: o-color('o-color-2');} @media (max-width: 991px){ #sh_all_in_one_snippet_18 .sh_content{margin-bottom: 20px;} } /* snippet 19 */ #sh_all_in_one_snippet_19{padding: 50px 0;} #sh_all_in_one_snippet_19 .sh_content{position: relative;box-shadow: 0px 0px 50px 0px rgba(0,0,0,.11); margin-bottom: 30px;padding: 0 40px 50px;text-align: center;} #sh_all_in_one_snippet_19 .sh_content .sh_category{position: relative;display: inline-block;padding: 0 10px;margin-top: -15px;} #sh_all_in_one_snippet_19 .sh_content .sh_category:before{position: absolute;content: '';height: 15px;width: 10px;background-color: #1f307b;left: 0;top: 0;clip-path: polygon(100% 0,0% 100%,100% 100%);} #sh_all_in_one_snippet_19 .sh_content .sh_category:after{position: absolute;content: '';height: 15px;width: 10px;background-color: #333;right: 0;top: 0;clip-path: polygon(0 0,0% 100%,100% 100%);} #sh_all_in_one_snippet_19 .sh_content .sh_price h2{position: relative;font-size: 48px;font-weight: 700;line-height: 45px;margin-bottom: 10px;} #sh_all_in_one_snippet_19 .sh_content .sh_price p{position: relative;font-size: 18px;color: #7e7b7a;margin-bottom: 25px;} #sh_all_in_one_snippet_19 .sh_content ul{position: relative; padding-top: 50px;text-align: left; margin-bottom: 39px; list-style: none; padding: 0;z-index: 1;border-top: 2px dashed #8e8e8e;padding-top: 25px;} #sh_all_in_one_snippet_19 .sh_content ul section{position: relative;padding-left: 0;margin-bottom: 18px;font-size: 16px;color: #7e7b7a;letter-spacing: 0.5px;} #sh_all_in_one_snippet_19 .sh_content ul section span{color: o-color('o-color-1');padding-right: 10px;} #sh_all_in_one_snippet_19 .sh_content .sh_category span{position: relative;background-color: o-color('o-color-1');padding: 16.5px 45px;font-size: 20px;font-weight: 700;color: #fff;margin-bottom: 40px;display: block;z-index: 1;} #sh_all_in_one_snippet_19 .sh_content .sh_btn a{position: relative; display: inline-block;font-size: 15px;line-height: 24px;color: #fff;padding: 10px 45px;font-weight: 700;border-radius: 0;overflow: hidden;text-transform: uppercase;background-color: o-color('o-color-1');z-index: 1;transition: all .4s;} #sh_all_in_one_snippet_19 .sh_content.sh_standard{background-image: url(/sh_all_in_one_snippets/static/src/img/19.jpg);background-size: cover;} #sh_all_in_one_snippet_19 .sh_content.sh_standard:after{position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.75);z-index: 0;pointer-events: none;} #sh_all_in_one_snippet_19 .sh_content .sh_price{position: relative;z-index: 1;} #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_category span{background: o-color('o-color-1');} #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_category:before, #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_category:after{background: #333;} #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_price h2, #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_price p, #sh_all_in_one_snippet_19 .sh_content.sh_standard ul section{color: #fff;} #sh_all_in_one_snippet_19 .sh_content.sh_standard ul{border-top: 2px dashed #fff;padding-top: 25px;} #sh_all_in_one_snippet_19 .sh_content .sh_btn a:hover{background: o-color('o-color-2');} #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_category span{background: o-color('o-color-2');} #sh_all_in_one_snippet_19 .sh_content.sh_standard ul section span{color: o-color('o-color-2');} #sh_all_in_one_snippet_19 .sh_content.sh_standard .sh_btn a{background: o-color('o-color-2');} /* snippet 19 */ /* snippet 20 #sh_all_in_one_snippet_20{padding: 50px 0;} #sh_all_in_one_snippet_20 .sh_content{text-align: center;transition: all .4s;} #sh_all_in_one_snippet_20 .sh_content h1{font-size: 64px;line-height: 64px;font-weight: 600;letter-spacing: 0px;color: o-color('o-color-1');margin-bottom: 15px;} #sh_all_in_one_snippet_20 .sh_content h3{font-size: 32px;line-height: 38px;font-weight: 500;letter-spacing: 0px;color: #000;margin-bottom: 25px;} #sh_all_in_one_snippet_20 .sh_content p{margin-bottom: 25px;font-size: 16px;line-height: 28px;} #sh_all_in_one_snippet_20 .sh_content ul{list-style: none;padding: 0;margin: 0;} #sh_all_in_one_snippet_20 .sh_content ul section a{color: #000;display: block;margin-bottom: 15px;text-decoration: none;font-weight: 500;} #sh_all_in_one_snippet_20 .sh_content ul section a span{padding-right: 5px;color: o-color('o-color-1');} #sh_all_in_one_snippet_20 .sh_content .sh_btn{margin-top: 40px;} #sh_all_in_one_snippet_20 .sh_content .sh_btn a{background: o-color('o-color-1');border-color: o-color('o-color-1');border-radius: 0;padding: 10px 25px;text-transform: capitalize;transition: all .4s;border-width: 2px;font-weight: 600;letter-spacing: 0.5px;} #sh_all_in_one_snippet_20 .sh_content:hover .sh_btn a{color: o-color('o-color-1');border-color: o-color('o-color-1');background: transparent;} @media (max-width: 768px){ #sh_all_in_one_snippet_20 .sh_content{margin-bottom: 20px;} } */ #sh_all_in_one_snippet_20{padding: 50px 0;} #sh_all_in_one_snippet_20 .sh_content{background-clip: padding-box;position: relative;transition: all 0.4s ease;overflow: hidden;border-top: 4px solid o-color('o-color-1');border-bottom: 4px solid transparent;padding: 37px 15px 25px 15px;box-shadow: 0 0 10px 0 rgba(43,52,59,.10);border-radius: 5px;text-align: center;} #sh_all_in_one_snippet_20 .sh_content h4{font-size: 30px;line-height: 30px;font-weight: 600;margin-bottom: 0;} #sh_all_in_one_snippet_20 .sh_content .sh_icon{padding: 20px 0;} #sh_all_in_one_snippet_20 .sh_content .sh_icon span{font-size: 46px;} #sh_all_in_one_snippet_20 .sh_content h3{margin-bottom: 10px;font-weight: 600;font-size: 34px;color: o-color('o-color-1');} #sh_all_in_one_snippet_20 .sh_content p{font-weight: 400;font-size: 16px;line-height: 26px;color: #777a7c;margin-bottom: 20px;} #sh_all_in_one_snippet_20 .sh_content ul{padding: 0;margin: 0;list-style: none;} #sh_all_in_one_snippet_20 .sh_content ul section{padding: 0;margin: 0;padding-top: 12px;border-bottom: 1px solid #e3e3e3;padding-bottom: 11px;color: #777a7c;} #sh_all_in_one_snippet_20 .sh_content ul section:last-child{border-bottom: 0;} #sh_all_in_one_snippet_20 .sh_content .sh_btn a{border: 1px solid #262c31;text-transform: capitalize;display: inline-block;margin-top: 15px;padding: 10px 25px;border-radius: 50px;transition: all .4s;} #sh_all_in_one_snippet_20 .sh_content .sh_btn a:hover{background: o-color('o-color-1');border-color: o-color('o-color-1');color: #fff;} #sh_all_in_one_snippet_20 .sh_content:hover{border-bottom-color: o-color('o-color-1');} #sh_all_in_one_snippet_20 .sh_content:after{position: absolute;content: "";height: 0;width: 4px;left: auto;right: 0;top: auto;bottom: 0;z-index: 1;transition: all .4s;pointer-events: none;} #sh_all_in_one_snippet_20 .sh_content:before{position: absolute;content: "";height: 0;width: 4px;left: 0;top: 0; z-index: 1;transition: all .4s;pointer-events: none;} #sh_all_in_one_snippet_20 .sh_content:hover:after{height: 100%;background-color: o-color('o-color-1');} #sh_all_in_one_snippet_20 .sh_content:hover:before{height: 100%;background-color: o-color('o-color-1');} @media (max-width: 991px){ #sh_all_in_one_snippet_20 .sh_content{margin-bottom: 20px;} #sh_all_in_one_snippet_20 .col-lg-4:last-child .sh_content{margin-bottom: 0px;} } /* snippet 20 */ /* snippet 21 */ #sh_all_in_one_snippet_21{padding: 50px 0;} #sh_all_in_one_snippet_21 .sh_content{position: relative;padding: 50px 30px;box-shadow: 0px 0px 50px 0px rgba(0,0,0,.11);margin-bottom: 30px;} #sh_all_in_one_snippet_21 .sh_content .sh_plan h4{position: relative;font-size: 20px;font-weight: 700;padding-bottom: 20px;margin-bottom: 30px;} #sh_all_in_one_snippet_21 .sh_content .sh_price{position: absolute;right: 0;top: 50px;font-size: 26px;font-weight: 700;color: #fff;padding: 6.5px 30px;border-radius: 20px 0 0 20px;background-color: o-color('o-color-1');z-index: 1;} #sh_all_in_one_snippet_21 .sh_content .sh_price sup{font-weight: 600;font-size: 50%;} #sh_all_in_one_snippet_21 .sh_content p{position: relative;padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #e5e5eb;font-size: 18px;line-height: 26px;font-weight: 400;color: #797979;margin: 0 0 15px;} #sh_all_in_one_snippet_21 .sh_content ul{position: relative;margin-bottom: 40px;list-style: none;padding: 0;} #sh_all_in_one_snippet_21 .sh_content ul section{position: relative;margin-bottom: 19px;font-size: 18px;color: #7e7b7a;} #sh_all_in_one_snippet_21 .sh_content ul section span{padding-right: 10px;color: #cbcbcf;font-size: 18px;} #sh_all_in_one_snippet_21 .sh_content .sh_btn a{background: 0 0;padding: 12.5px 40px;border-radius: 27px;color: #29292a;border: 2px solid o-color('o-color-1');transition: all .4s;font-weight: 600;} #sh_all_in_one_snippet_21 .sh_content:hover .sh_btn a{background: o-color('o-color-1');color: #fff;} #sh_all_in_one_snippet_21 .sh_content.sh_standard{background: url(/sh_all_in_one_snippets/static/src/img/19.jpg);background-size: cover;} #sh_all_in_one_snippet_21 .sh_content.sh_standard .sh_plan h4{color: #fff;position: relative;z-index: 1;} #sh_all_in_one_snippet_21 .sh_content.sh_standard p{color: #cbcbcb;position: relative;z-index: 1;} #sh_all_in_one_snippet_21 .sh_content.sh_standard ul section{color: #cbcbcb;position: relative;z-index: 1;} #sh_all_in_one_snippet_21 .sh_content.sh_standard .sh_btn a{color: #cbcbcb;position: relative;z-index: 1;} #sh_all_in_one_snippet_21 .sh_content .sh_plan h4:before {content: '';position: absolute;height: 2px;background: o-color('o-color-1');width: 80px;bottom: 0;left: 0;} #sh_all_in_one_snippet_21 .sh_content.sh_standard:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: black;opacity: .8;pointer-events: none;} /* snippet 21 */ /* snippet 22 */ #sh_all_in_one_snippet_22{padding: 50px 0 100px;} #sh_all_in_one_snippet_22 .sh_content{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; box-shadow: 0px 20px 40px 0px rgba(0,0,0,.11);text-align: center;position: relative;background: #fff;border-radius: 10px;} #sh_all_in_one_snippet_22 .sh_content .sh_pricing_header{margin-top: 30px;background: #ecf0f4;} #sh_all_in_one_snippet_22 .sh_content .sh_pricing_header h3{color: #333333;font-size: 24px;font-weight: 800;line-height: 24px;padding: 25px 0px 20px 0px;transition: all .4s ease;} #sh_all_in_one_snippet_22 .sh_content .sh_price{padding: 60px 0px 20px 0px; margin: 0px 0px 0px 0px;} #sh_all_in_one_snippet_22 .sh_content .sh_price h4{position: relative;z-index: 2;font-size: 48px;font-weight: 700;letter-spacing: -.4px;display: block;transition: all .4s ease; color: o-color('o-color-1'); padding-bottom: 20px;} #sh_all_in_one_snippet_22 .sh_content .sh_price h4 sup{font-size: 18px;top: 0;vertical-align: super;} #sh_all_in_one_snippet_22 .sh_content .sh_price h4 sub{font-size: 16px;line-height: 24px;vertical-align: baseline;bottom: 0; color: #333333;} #sh_all_in_one_snippet_22 .sh_content .sh_price h4:before{position: absolute;content: "";width: 70px;height: 3px;background: o-color('o-color-1');left: 0;right: 0;margin: auto;bottom: 0;} #sh_all_in_one_snippet_22 .sh_content .sh_price_content ul{margin: 0;padding: 0;list-style: none;} #sh_all_in_one_snippet_22 .sh_content .sh_price_content ul section{font-size: 18px;line-height: 42px;color: #777777;} #sh_all_in_one_snippet_22 .sh_content .sh_price_content ul section span{padding-right: 10px;color: o-color('o-color-1');} #sh_all_in_one_snippet_22 .sh_content .sh_btn{position: absolute;bottom: -55px;width: 100%;z-index: 1;opacity: 0;transition: all ease 0.5s;visibility: hidden;} #sh_all_in_one_snippet_22 .sh_content .sh_btn a{font-size: 14px;font-weight: 800;text-transform: uppercase;color: #ffffff;background-color: o-color('o-color-1');padding: 35px 44px 18px 44px;border-radius: 10px 10px 10px 10px;width: 100%;} #sh_all_in_one_snippet_22 .sh_content .sh_btn a span{margin-left: 10px;} #sh_all_in_one_snippet_22 .sh_content.sh_annual .sh_btn{opacity: 1;visibility: visible;z-index: 0;} #sh_all_in_one_snippet_22 .sh_content .sh_price_content{text-align: left; padding: 0 50px 30px;background: #fff;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;position: relative;z-index: 2;} #sh_all_in_one_snippet_22 .sh_content:hover .sh_btn{opacity: 1;visibility: visible;} @media (max-width: 991px){ #sh_all_in_one_snippet_22 .sh_content{margin-bottom: 50px;} #sh_all_in_one_snippet_22 .col-lg-4:last-child .sh_content{margin-bottom: 0 !important;} } /*-------------------------------- comparision snippet 52 --------------------------------*/ #sh_comparision_snippet_section_52 {margin:100px 0px;} #sh_comparision_snippet_section_52 .sh_price_card { height: 500px; position: relative; transform-style: preserve-3d; transition: all 1s; } #sh_comparision_snippet_section_52 .sh_price_card:hover{ transform: rotateY(180deg); } #sh_comparision_snippet_section_52 .sh_price_card .sh_front{position: absolute; height: 100%; width: 100%; background-color:#f7f9ff; backface-visibility: hidden; text-align: center; padding:40px 20px 40px 20px; border-radius: 0px 0px 0px 65px; } #sh_comparision_snippet_section_52 .sh_price_card .sh_back{position: absolute; border-radius: 0px 0px 0px 65px!important; transform: rotateY(180deg); backface-visibility: hidden; height: 100%; width: 100%; background-color:#f7f9ff; text-align: center;} #sh_comparision_snippet_section_52 .sh_price_card .sh_front img{ height:300px; width:100%; margin-top: 20px; } #sh_comparision_snippet_section_52 .sh_price_card .sh_front h2{ font-size: 50px; font-weight: 600; } #sh_comparision_snippet_section_52 .sh_price_card .sh_front h6{ text-transform: uppercase; letter-spacing: 2px; font-size: 15px; } #sh_comparision_snippet_section_52 .sh_price_card .sh_front h5{ font-size: 15px; } #sh_comparision_snippet_section_52 .sh_price_card .sh_back .sub-div{ display: flex; flex-direction: column; justify-content: center; overflow: hidden; top: 50%; position: relative; transform: translateY(-50%); } #sh_comparision_snippet_section_52 .sh_price_card .sh_back .sub-div .btn{ border-color: #0a1a40 !important; color: #0a1a40 !important; width: auto; margin: 32px auto 22px; padding: 15px 30px; text-transform: none; font-size: 16px; border-radius: 25px; font-weight: 600; line-height: 16px; border-width: 2px; background-color: transparent; } #sh_comparision_snippet_section_52 .sh_price_card .sh_back .sub-div .btn:hover { background-color: o-color(o-color-1) !important; border-color: o-color(o-color-1) !important; color: #fff !important; background-color: o-color(o-color-1); } @media screen and (max-width:768px) { #sh_comparision_snippet_section_52 .sh_price_card .sh_front img{ height:180px; width:100%; margin-top: 20px; } #sh_comparision_snippet_section_52 .sh_price_card{ height:410px; } } @media screen and (max-width:567px) { #sh_comparision_snippet_section_52 .sh_price_card .sh_front img{ height:300px; width:100%; margin-top: 20px; } #sh_comparision_snippet_section_52 .sh_price_card{ height:500px; } } /*-------------------------------- comparision snippet 52 --------------------------------*/ /*-------------------------------- comparision snippet 53 --------------------------------*/ #sh_comparision_snippet_section_53 { margin: 100px 0px; text-align: center; } #sh_comparision_snippet_section_53 h5{ color:o-color(o-color-1); } #sh_comparision_snippet_section_53 h1{ font-size: 50px; position: relative; width:fit-content; z-index: 1; margin: 0px auto; font-weight:700; margin-top: 20px; } #sh_comparision_snippet_section_53 h1:after{ content: ''; position: absolute; top:0; left:-22px; height:110%; width:110%; background: url("/sh_all_in_one_snippets/static/src/img/shape.png"); z-index: -1; } #sh_comparision_snippet_section_53 .sub-div{ width:50px; border-bottom:3px solid #e7e7e7; margin:30px auto; } #sh_comparision_snippet_section_53 .sh_pricing_box{ position: relative; background-color: #ffffff; padding: 45px 15px 60px; max-width: 363px; margin: 0 auto; text-align: center; box-shadow: 0 15px 40px rgba(8,18,109,0.1); transition: all 300ms ease; } #sh_comparision_snippet_section_53 .sh_pricing_box:hover .sh_icon { transform: scale(1.1); } #sh_comparision_snippet_section_53 .sh_pricing_box:before{ position: absolute; left: 0; top: 0; height: 235px; width: 100%; background-image: url("/sh_all_in_one_snippets/static/src/img/shape-4.png"); content: ""; background-position: center top; background-repeat: no-repeat; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_icon { position: relative; margin-bottom: 30px; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_icon img { display: inline-block; max-width: 100%; height: auto; width: 100px; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_title { position: relative; display: block; font-size: 24px; line-height: 1.2em; color: #212639; font-weight: 500; text-transform: uppercase; margin-bottom: 8px; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_price { position: relative; display: block; font-size: 48px; line-height: .9em; color: #454ab4; font-weight: 500; margin-bottom: 20px; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_features { position: relative; max-width: 210px; margin: 0 auto 35px; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_features ul, li { list-style: none; padding: 0px; margin: 0px; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_features li { position: relative; display: block; font-size: 15px; line-height: 30px; color: #848484; font-weight: 400; padding: 15px 0; border-bottom: 2px dashed #e5e5e5; margin-left: -30%; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_btn-box { position: relative; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_btn-box a { position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #ffffff; font-weight: 500; padding: 15px 44px; text-transform: uppercase; background-color: #454ab4; transition: all 300ms ease; text-decoration: none; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_theme-btn { position: relative; display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_btn-box a:before { position: absolute; left: 0; top: 0; height: 100%; width: 0%; background: linear-gradient(to right, rgba(241,75,89,0) 0%,rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(241,75,89,0) 0%,rgba(255,255,255,1) 100%); content: ""; z-index: 1; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_btn-box a:hover:before{animation: sh_btn_hover 1s ease; animation-duration: 1s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: sh_btn_hover;} @keyframes sh_btn_hover{ 0%{ opacity: 1; } 100%{ width: 100%; opacity: 0; } } @-webkit-keyframes sh_btn_hover{ 0%{ opacity: 1; } 100%{ width: 100%; opacity: 0; } } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_btn-box a:hover { box-shadow: 0 15px 40px rgba(8,18,109,0.1); text-decoration: none; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_btn-box span{ margin-left:5px; } // box 1 // #sh_comparision_snippet_section_53 .sh_pricing_box-1{ position: relative; background-color: #ffffff; padding: 45px 15px 60px; max-width: 363px; margin: 0 auto; text-align: center; box-shadow: 0 15px 40px rgba(8,18,109,0.1); transition: all 300ms ease; } #sh_comparision_snippet_section_53 .sh_pricing_box-1:hover .sh_icon { transform: scale(1.1); } #sh_comparision_snippet_section_53 .sh_pricing_box-1:before{ position: absolute; left: 0; top: 0; height: 235px; width: 100%; background-image: url("/sh_all_in_one_snippets/static/src/img/shape-5.png"); content: ""; background-position: center top; background-repeat: no-repeat; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_icon { position: relative; margin-bottom: 30px; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_icon img { display: inline-block; max-width: 100%; height: auto; width: 100px; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_title { position: relative; display: block; font-size: 24px; line-height: 1.2em; color: #212639; font-weight: 500; text-transform: uppercase; margin-bottom: 8px; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_price { position: relative; display: block; font-size: 48px; line-height: .9em; color: #f14b59; font-weight: 500; margin-bottom: 20px; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_features { position: relative; max-width: 210px; margin: 0 auto 35px; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_features ul, li { list-style: none; padding: 0px; margin: 0px; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_features li { position: relative; display: block; font-size: 15px; line-height: 30px; color: #848484; font-weight: 400; padding: 15px 0; border-bottom: 2px dashed #e5e5e5; margin-left: -30%; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_btn-box { position: relative; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_btn-box a { position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #ffffff; font-weight: 500; padding: 15px 44px; text-transform: uppercase; background-color: #454ab4; transition: all 300ms ease; text-decoration: none; background-color: #f14b59; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_theme-btn { position: relative; display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_btn-box a:before { position: absolute; left: 0; top: 0; height: 100%; width: 0%; background: linear-gradient(to right, rgba(241,75,89,0) 0%,rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(241,75,89,0) 0%,rgba(255,255,255,1) 100%); content: ""; z-index: 1; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_btn-box a:hover:before{animation: sh_btn_hover 1s ease; animation-duration: 1s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: sh_btn_hover;} @keyframes sh_btn_hover{ 0%{ opacity: 1; } 100%{ width: 100%; opacity: 0; } } @-webkit-keyframes sh_btn_hover{ 0%{ opacity: 1; } 100%{ width: 100%; opacity: 0; } } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_btn-box a:hover { box-shadow: 0 15px 40px rgba(8,18,109,0.1); text-decoration: none; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_btn-box span{ margin-left:5px; } // box 2 // #sh_comparision_snippet_section_53 .sh_pricing_box-2{ position: relative; background-color: #ffffff; padding: 45px 15px 60px; max-width: 363px; margin: 0 auto; text-align: center; box-shadow: 0 15px 40px rgba(8,18,109,0.1); transition: all 300ms ease; } #sh_comparision_snippet_section_53 .sh_pricing_box-2:hover .sh_icon { transform: scale(1.1); } #sh_comparision_snippet_section_53 .sh_pricing_box-2:before{ position: absolute; left: 0; top: 0; height: 235px; width: 100%; background-image: url("/sh_all_in_one_snippets/static/src/img/shape-6.png"); content: ""; background-position: center top; background-repeat: no-repeat; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_icon { position: relative; margin-bottom: 30px; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_icon img { display: inline-block; max-width: 100%; height: auto; width: 100px; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_title { position: relative; display: block; font-size: 24px; line-height: 1.2em; color: #212639; font-weight: 500; text-transform: uppercase; margin-bottom: 8px; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_price { position: relative; display: block; font-size: 48px; line-height: .9em; color: #ffa200; font-weight: 500; margin-bottom: 20px; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_features { position: relative; max-width: 210px; margin: 0 auto 35px; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_features ul, li { list-style: none; padding: 0px; margin: 0px; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_features li { position: relative; display: block; font-size: 15px; line-height: 30px; color: #848484; font-weight: 400; padding: 15px 0; border-bottom: 2px dashed #e5e5e5; margin-left: -30%; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_btn-box { position: relative; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_btn-box a { position: relative; display: inline-block; font-size: 16px; line-height: 30px; color: #ffffff; font-weight: 500; padding: 15px 44px; text-transform: uppercase; background-color: #454ab4; transition: all 300ms ease; text-decoration: none; background-color: #ffa200; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_theme-btn { position: relative; display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_btn-box a:before { position: absolute; left: 0; top: 0; height: 100%; width: 0%; background: linear-gradient(to right, rgba(241,75,89,0) 0%,rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(241,75,89,0) 0%,rgba(255,255,255,1) 100%); content: ""; z-index: 1; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_btn-box a:hover:before{animation: sh_btn_hover 1s ease; animation-duration: 1s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: sh_btn_hover;} @keyframes sh_btn_hover{ 0%{ opacity: 1; } 100%{ width: 100%; opacity: 0; } } @-webkit-keyframes sh_btn_hover{ 0%{ opacity: 1; } 100%{ width: 100%; opacity: 0; } } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_btn-box a:hover { box-shadow: 0 15px 40px rgba(8,18,109,0.1); text-decoration: none; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_btn-box span{ margin-left:5px; } @media screen and (max-width:768px) { #sh_comparision_snippet_section_53 .sh_pricing_box .sh_btn-box a{ font-size:13px; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_btn-box a{ font-size:13px; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_btn-box a{ font-size:13px; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_title{ font-size: 22px; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_title{ font-size: 22px; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_title{ font-size: 22px; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_price{ font-size: 40px; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_price{ font-size: 40px; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_price{ font-size: 40px; } #sh_comparision_snippet_section_53 .sh_pricing_box{ padding: 30px 15px 30px; } #sh_comparision_snippet_section_53 .sh_pricing_box-1{ padding: 30px 15px 30px; } #sh_comparision_snippet_section_53 .sh_pricing_box-2{ padding: 30px 15px 30px; } #sh_comparision_snippet_section_53 .sh_pricing_box .sh_btn-box a{ padding:10px 44px; } #sh_comparision_snippet_section_53 .sh_pricing_box-1 .sh_btn-box a{ padding:10px 44px; } #sh_comparision_snippet_section_53 .sh_pricing_box-2 .sh_btn-box a{ padding:10px 44px; } } @media screen and (max-width:567px) { #sh_comparision_snippet_section_53 h1{ font-size:42px; } } /*-------------------------------- comparision snippet 53 --------------------------------*/ /*-------------------------------- comparision snippet 54 --------------------------------*/ #sh_comparision_snippet_section_54{ margin:100px 0px; } #sh_comparision_snippet_section_54 h6 { padding: 10px 30px; border-radius: 10px; font-size: 18px; font-weight: 600; letter-spacing: 2px; background-color:o-color(o-color-1); margin:0px auto; width: fit-content; color:#fff; } #sh_comparision_snippet_section_54 h2{ font-size: 36px; margin-top: 20px; } #sh_comparision_snippet_section_54 .sh_pricing-main { box-shadow: 0 0 10px rgba(31,66,135,0.3); border-radius: 10px; overflow: hidden; transition:2s; background-color: #fff; padding: 30px; } #sh_comparision_snippet_section_54 .sh_pricing-main:hover{ background: linear-gradient(to right, #3aadaa, #0b8793); } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_pricing-sub_div{ text-align: center; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_pricing-title{ font-weight: 700; color: #262626;} #sh_comparision_snippet_section_54 .sh_pricing-main .sh_icon-bx-sm{ position: relative; margin: 30px 20px; border-radius: 100%; display: inline-block; text-align: center; border-radius: 3px; width: 80px; height: 80px; line-height: 80px; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_primary_bg{ background-color: rgba(245,95,141,.1); border-radius: 100%; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_icon-bx-sm::before{ content: ""; position: absolute; top: -10px; left: -10px; background-image: url("/sh_all_in_one_snippets/static/src/img/pattern-1.png"); height: 110px; width: 110px; background-repeat: no-repeat; } #sh_comparision_snippet_section_54 .sh_pricing-main:hover .sh_icon-bx-sm::before{ background-image:url("/sh_all_in_one_snippets/static/src/img/pattern1-light.png") ; } #sh_comparision_snippet_section_54 .sh_pricing-main:hover .sh_pricing-features li { color:#fff; } #sh_comparision_snippet_section_54 .sh_pricing-main:hover .sh_pricing-box{ color:#fff; } #sh_comparision_snippet_section_54 .sh_pricing-main:hover .sh_pricing-title{ color: #fff; } #sh_comparision_snippet_section_54 .sh_pricing-main:hover .sh_icon-cell span{ display: inline-block; -webkit-animation: toTopFromBottom .8s forwards; animation: toTopFromBottom .8s forwards; animation-duration: 0.8s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: toTopFromBottom; color: #fff; } @keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 50% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } 51% { opacity: 1; } } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_icon-cell{ overflow: hidden; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_icon-cell span{ font-size: 42px; color: o-color(o-color-1); vertical-align: middle; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_pricing-box { font-size: 42px; font-weight: 700; color: #262626; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_pricing-type { font-size: 20px; font-weight: 600; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_pricing-features{ padding: 10px 0 20px; margin:0; list-style: none; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_pricing-features li { padding: 5px 0; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_pricing_btn a { background: linear-gradient(to right, #3aadaa, #0b8793); color:#fff; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_pricing_btn a:hover{ color:o-color(o-color-1); background: #fff; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_pricing_btn a:hover .sh_pricing_btn a{ color:o-color(o-color-1) !important; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_pricing_btn a { padding: 12px 35px; display: inline-block; border-radius: 30px!important; font-size: 15px; font-weight: 500; box-shadow: 0 .5rem 1rem rgba(0,0,0,0.15)!important; color: #fff; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_pricing_btn a:hover{ color:o-color(o-color-1); background: #fff; } #sh_comparision_snippet_section_54 .sh_pricing-main .sh_pricing_btn a{ transition: all 0.5s; } @media screen and (max-width:800px) { #sh_comparision_snippet_section_54 .sh_pricing-main{ padding: 15px; } } /*-------------------------------- comparision snippet 54 --------------------------------*/ /* ######## pricing ######## */ /* ######## counter ######## */ /* snippet 23 */ #sh_all_in_one_snippet_23{padding: 100px 0;background-color: o-color('o-color-1');} #sh_all_in_one_snippet_23 .sh_main{display: flex;} #sh_all_in_one_snippet_23 .sh_main .sh_column{width: 25%;text-align: center;border-right: 1px solid #fff;} #sh_all_in_one_snippet_23 .sh_main .sh_column h4{font-size: 30px;font-weight: 800;line-height: 46px;color: #fff;} #sh_all_in_one_snippet_23 .sh_main .sh_column p{color: #FFFFFF;font-size: 16px;font-weight: 400;line-height: 26px;letter-spacing: -0.2px;margin-bottom: 0;} #sh_all_in_one_snippet_23 .sh_main .sh_column:last-child{border-right: 0;} @media (max-width: 768px){ #sh_all_in_one_snippet_23 .sh_main{display: inline-block;width: 100%;} #sh_all_in_one_snippet_23 .sh_main .sh_column{display: inline-block;width: 49%;margin-bottom: 30px;} #sh_all_in_one_snippet_23 .sh_main .sh_column:nth-child(2){border-right: 0;} #sh_all_in_one_snippet_23 .sh_main .sh_column:nth-child(3), #sh_all_in_one_snippet_23 .sh_main .sh_column:nth-child(4){margin-bottom: 0px;} } @media (max-width: 576px){ #sh_all_in_one_snippet_23 .sh_main .sh_column{width: 100%;border-right: 0;margin-bottom: 30px !important;} #sh_all_in_one_snippet_23 .sh_main .sh_column:last-child{margin-bottom: 0 !important;} } /* snippet 23 */ /* snippet 24 */ #sh_all_in_one_snippet_24{padding: 50px 0;background: #f1f1f1;margin-top: 50px;} #sh_all_in_one_snippet_24 .sh_content{background: #fff;padding: 30px;border-bottom: 5px solid o-color('o-color-1');} #sh_all_in_one_snippet_24 .sh_content h2{color: o-color('o-color-1');font-size: 3.75em;font-weight: 600;margin-bottom: 15px;} #sh_all_in_one_snippet_24 .sh_content h4{color: #000;font-weight: 600;} #sh_all_in_one_snippet_24 .sh_content p{font-size: 1rem;margin: 0;color: #777;} @media (max-width: 991px){ #sh_all_in_one_snippet_24 .sh_content{margin-bottom: 20px;} } @media (max-width: 576px){ #sh_all_in_one_snippet_24 .sh_content h2{font-size: 48px;} } /* snippet 24 */ /* snippet 25 */ #sh_all_in_one_snippet_25{padding: 100px 0;} #sh_all_in_one_snippet_25 .sh_main{display: flex;} #sh_all_in_one_snippet_25 .sh_main .sh_column{width: 25%;text-align: center;border-right: 1px solid #120F2D;} #sh_all_in_one_snippet_25 .sh_main .sh_column h4{font-size: 30px;font-weight: 800;line-height: 46px;color: #120F2D;} #sh_all_in_one_snippet_25 .sh_main .sh_column p{color: #58566B;font-size: 16px;font-weight: 400;line-height: 26px;letter-spacing: -0.2px;margin-bottom: 0;} #sh_all_in_one_snippet_25 .sh_main .sh_column:last-child{border-right: 0;} #sh_all_in_one_snippet_25 .sh_title{text-align: center;} #sh_all_in_one_snippet_25 .sh_title h6{color: o-color('o-color-1');font-size: 18px; font-weight: 600;line-height: 23px; margin-bottom: 5px;} #sh_all_in_one_snippet_25 .sh_title h2{color: #120F2D;margin: 0px 0px 35px 0px;font-size: 39px;font-weight: 800;line-height: 46px;letter-spacing: -0.2px;text-transform: capitalize;} @media (max-width: 768px){ #sh_all_in_one_snippet_25 .sh_main{display: inline-block;} #sh_all_in_one_snippet_25 .sh_main .sh_column{width: 49%;display: inline-block;} #sh_all_in_one_snippet_25 .sh_main .sh_column:nth-child(2){border-right: 0;margin-bottom: 20px;} #sh_all_in_one_snippet_25 .sh_main .sh_column:first-child{margin-bottom: 20px;} } @media (max-width: 450px){ #sh_all_in_one_snippet_25 .sh_main .sh_column{width: 100%;border-right: 0;} } /* snippet 25 */ /* snippet 26 */ #sh_all_in_one_snippet_26{padding: 50px 0;} #sh_all_in_one_snippet_26 .sh_content{position: relative;} #sh_all_in_one_snippet_26 .sh_content .sh_icon{position: absolute;width: 160px;height: 160px;font-size: 40px;line-height: 160px;color: #fff;border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%);padding-left: 35px;background-color: o-color('o-color-1');} #sh_all_in_one_snippet_26 .sh_content .sh_des{position: relative;padding: 30px;background-color: #333;width: 75%;margin-left: auto;} #sh_all_in_one_snippet_26 .sh_content .sh_des h4{font-size: 16px;font-weight: 500;text-transform: uppercase;color: #fff;margin-bottom: 15px;} #sh_all_in_one_snippet_26 .sh_content .sh_des h2{font-size: 48px;line-height: 50px;font-weight: 600;text-transform: uppercase;color: #fff;margin-bottom: 4px;} #sh_all_in_one_snippet_26 .sh_content .sh_des p{font-size: 18px;font-weight: 500;color: #fff;margin-bottom: 15px;} #sh_all_in_one_snippet_26 .sh_content .sh_des a{position: relative;font-size: 16px;font-weight: 500;margin: 0;text-decoration: none;color: #fff;} #sh_all_in_one_snippet_26 .sh_content .sh_des a span{padding-right: 5px;} @media (max-width: 991px){ #sh_all_in_one_snippet_26 .sh_content .sh_des{padding: 20px;} #sh_all_in_one_snippet_26 .sh_content .sh_des h4{margin-bottom: 0;} #sh_all_in_one_snippet_26 .sh_content .sh_des h2{font-size: 38px;} #sh_all_in_one_snippet_26 .sh_content .sh_des p{font-size: 18px;} #sh_all_in_one_snippet_26 .sh_content .sh_icon{width: 120px;height: 120px;font-size: 26px;line-height: 120px;padding-left: 20px;} } @media (max-width: 768px){ #sh_all_in_one_snippet_26 .sh_content .sh_icon{top: 0;left: 50%;z-index: 1;text-align: center;padding-left: 0;font-size: 40px;transform: translate(-50% , -50%);} #sh_all_in_one_snippet_26 .sh_content .sh_des{text-align: center;margin-bottom: 30px;padding-top: 70px !important;width: 100%;} #sh_all_in_one_snippet_26 .sh_content{margin-bottom: 80px;} } /* snippet 26 */ /* snippet 27 */ /* #sh_all_in_one_snippet_27{padding: 50px 0;} #sh_all_in_one_snippet_27 .sh_content{position: relative;box-shadow: rgba(0,0,0,.20) 0px 0px 50px 0px;margin-bottom: 30px;background: rgb(255, 255, 255);padding: 40px;border-radius: 6px;} #sh_all_in_one_snippet_27 .sh_content .sh_icon{position: relative;padding-left: 70px;margin-bottom: 16px;} #sh_all_in_one_snippet_27 .sh_content .sh_icon span{position: absolute;top: 0px;left: 0px;font-size: 50px;line-height: 1em;} #sh_all_in_one_snippet_27 .sh_content .sh_icon .sh_title{position: relative;font-size: 18px;font-weight: 600;top: -4px;color: #333;} #sh_all_in_one_snippet_27 .sh_content h4{position: relative;font-size: 70px;font-weight: 800;line-height: 100px;color: o-color('o-color-1');} #sh_all_in_one_snippet_27 .sh_content p{font-size: 16px;font-weight: 600;color: #333;line-height: 1.4em; margin: 0px;} */ #sh_all_in_one_snippet_27 .sh_content .sh_icon span{background: #f5f5f5;padding: 23px 20px;font-size: 30px;border-radius: 5px;margin-bottom: 20px;} #sh_all_in_one_snippet_27 .sh_content .sh_counter h4{color: #000000;font-size: 20px;line-height: 29px;font-weight: 600;letter-spacing: 0px;} #sh_all_in_one_snippet_27 .sh_content .sh_counter h2{font-size: 36px;line-height: 46px;letter-spacing: 0px;margin-bottom: 0;color: o-color('o-color-1');font-weight: 600;} @media (max-width: 991px){ #sh_all_in_one_snippet_27 .sh_content{margin-bottom: 30px;} } /* snippet 28 */ #sh_all_in_one_snippet_28{padding: 50px 0;} #sh_all_in_one_snippet_28 .sh_content{position: relative;padding-left: 140px;} #sh_all_in_one_snippet_28 .sh_content .sh_icon{position: absolute;left: 0;top: 0px;width: 100px;box-shadow: 0px 12px 40px 0px rgba(75,62,143,.15); height: 100px;line-height: 100px;text-align: center;border-radius: 50%;background: #fff;font-size: 34px;} #sh_all_in_one_snippet_28 .sh_content .sh_icon span{color: o-color('o-color-1');} #sh_all_in_one_snippet_28 .sh_content .sh_des h4{display: block;font-size: 20px;line-height: 1.5em;font-weight: 400;color: #222;text-transform: capitalize;margin-bottom: 22px;position: relative;} #sh_all_in_one_snippet_28 .sh_content .sh_des h2{position: relative;font-size: 75px;line-height: 1.2em;color: o-color('o-color-1');text-transform: capitalize;font-weight: 400;margin-bottom: 10px;font-weight: 600;} #sh_all_in_one_snippet_28 .sh_content .sh_des p{position: relative;display: block;font-size: 16px;line-height: 24px;font-weight: 400;color: #666;text-transform: capitalize;letter-spacing: 1px;} #sh_all_in_one_snippet_28 .sh_content .sh_des h4:before{content: '';position: absolute;height: 2px;background: o-color('o-color-1');width: 50px;bottom: -15px;left: 0;} @media (max-width: 991px){ #sh_all_in_one_snippet_28 .sh_content{margin-bottom: 20px;} #sh_all_in_one_snippet_28 .col-md-6:last-child .sh_content{margin-bottom: 0;} } @media (max-width: 768px){ #sh_all_in_one_snippet_28 .sh_content .sh_des p{margin-bottom: 0;} #sh_all_in_one_snippet_28 .sh_content{margin-bottom: 30px;} #sh_all_in_one_snippet_28 .col-md-6:last-child .sh_content{margin-bottom: 0;} } @media (max-width: 576px){ #sh_all_in_one_snippet_28 .sh_content .sh_des h2{font-size: 40px;} #sh_all_in_one_snippet_28 .sh_content{padding-left: 100px;} #sh_all_in_one_snippet_28 .sh_content .sh_icon{width: 80px;height: 80px;line-height: 80px;font-size: 30px;} } /* snippet 29 */ #sh_all_in_one_snippet_29{padding: 50px 0;background: #f5f5f5;} #sh_all_in_one_snippet_29 .sh_content{display: flex;position: relative;justify-content: space-between;} #sh_all_in_one_snippet_29 .sh_content .sh_icon span{width: 80px;height: 80px; line-height: 78px; border: 1px solid #4e4e4f;border-radius: 50%;text-align: center;font-size: 28px;background-color: #f5f5f5;margin-left: 30px;margin-right: 20px;margin-top: 30px;margin-bottom: 30px;transition: .5s;display: inline-table;color: o-color('o-color-1');position: relative;z-index: 1;transition: all .4s;} #sh_all_in_one_snippet_29 .sh_content .sh_icon:before{position: absolute;content: '';left: 0;top: 0;width: 70px;height: 150px;border: 1px solid #4e4e4f;transition: .5s;} #sh_all_in_one_snippet_29 .sh_content .sh_des h2{font-size: 50px;font-weight: 700;margin-bottom: 10px;color: o-color('o-color-1');} #sh_all_in_one_snippet_29 .sh_content .sh_des p{margin: 0;color: #bebec2;} #sh_all_in_one_snippet_29 .sh_content .sh_des h4{font-size: 20px;font-weight: 700;color: #333;margin-bottom: 10px;} #sh_all_in_one_snippet_29 .sh_content:hover .sh_icon:before{border-color: o-color('o-color-1');} #sh_all_in_one_snippet_29 .sh_content:hover .sh_icon span{background-color: o-color('o-color-1');color: #fff;} @media (max-width: 991px){ #sh_all_in_one_snippet_29 .sh_content{margin-bottom: 20px;} #sh_all_in_one_snippet_29 .col-lg-4:last-child .sh_content{margin-bottom: 0px;} } @media (max-width: 576px){ #sh_all_in_one_snippet_29 .sh_content .sh_des h2{font-size: 36px;} } /* snippet 29 */ /* --------------------- start counter snippet 51 --------------------- */ #sh_counter_snippet_section_51 { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 550px; position: relative; background-attachment: fixed; } #sh_counter_snippet_section_51 .overlay { background-color: #000000; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.88; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } #sh_counter_snippet_section_51 .main-row { margin-top: 50px; } #sh_counter_snippet_section_51 .sh_heading { color: #fff; padding: 20px 40px; } #sh_counter_snippet_section_51 .sh_heading h3 { position: relative; font-size: 36px; line-height: 44px; text-align: left; } #sh_counter_snippet_section_51 .sh_heading h3::before { content: ""; position: absolute; top: 20px; left: -57px; height: 5px; width: 7%; border-bottom: 5px solid o-color(o-color-1); } #sh_counter_snippet_section_51 .sh_heading p { text-align: left; margin-top: 30px; } #sh_counter_snippet_section_51 .sh_heading .sh_video_btn { height: 70px; width: 70px; border-radius: 80px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: o-color(o-color-1); font-size: 20px; margin-top: 50px; position: relative; } #sh_counter_snippet_section_51 .sh_heading .sh_video_btn span { position: relative; left: 5%; } #sh_counter_snippet_section_51 .sh_heading .sh_play .sh_video_btn .sh_video_animation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(255, 255, 255, 0.24); border-radius: 60px; animation: sh_square 3.9s linear 0s infinite; animation-play-state: running; opacity: 0; animation-delay: 1.3s; animation-duration: 3.9s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: sh_square; } @keyframes sh_square { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -webkit-transform: scale(1.24); -moz-transform: scale(1.24); -o-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -webkit-transform: scale(2.1); -moz-transform: scale(2.1); -o-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } #sh_counter_snippet_section_51 .sh_counter { display: flex; justify-content: center; } #sh_counter_snippet_section_51 .sh_counter .sh_counter_holder { z-index: 3; } #sh_counter_snippet_section_51 .sh_counter .sub { vertical-align: super; font-size: 16px; } #sh_counter_snippet_section_51 .sh_counter .sh_counter_number { font-size: 35px; font-weight: 700; } #sh_counter_snippet_section_51 .sh_counter_inner_1 { width: 150px; height: 150px; border-radius: 150px; position: relative; z-index: 1; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; text-align: center; visibility: visible; background: #2d2c2c; color: #fff; justify-content: center; margin-left: 100px; z-index: 2; opacity: 1; } #sh_counter_snippet_section_51 .sh_counter_inner_1:hover { background: url("/sh_all_in_one_snippets/static/src/img/img-1.jpg"); width: 150px; height: 150px; background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_counter_snippet_section_51 .sh_counter_inner_1:after { content: ""; position: absolute; top: 0; left: 0; background: linear-gradient(#3ddadd, #104cba); z-index: 1; height: 100%; width: 100%; opacity: 0; transform: scale(0); transition: all 0.5s; border-radius: 100%; } #sh_counter_snippet_section_51 .sh_counter_inner_1:hover:after { opacity: 0.6; transform: scale(1); transition-delay: 0ms; } #sh_counter_snippet_section_51 .sh_counter_inner_2 { width: 180px; height: 180px; border-radius: 180px; position: relative; z-index: 1; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; text-align: center; visibility: visible; animation-name: fadeInUp; background-color: #2d2c2c; color: #fff; justify-content: center; margin-left: 20px; margin-top: 0px; } #sh_counter_snippet_section_51 .sh_counter_inner_2:hover { background: url("/sh_all_in_one_snippets/static/src/img/img-4.jpg"); width: 180px; height: 180px; background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_counter_snippet_section_51 .sh_counter_inner_2:after { content: ""; position: absolute; top: 0; left: 0; background: linear-gradient(#3ddadd, #104cba); z-index: 1; height: 100%; width: 100%; opacity: 0; transform: scale(0); transition: all 0.5s; border-radius: 100%; } #sh_counter_snippet_section_51 .sh_counter_inner_2:hover:after { opacity: 0.6; transform: scale(1); transition-delay: 0ms; } #sh_counter_snippet_section_51 .sh_counter_inner_4 { width: 150px; height: 150px; border-radius: 150px; position: relative; z-index: 1; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; text-align: center; visibility: visible; animation-name: fadeInUp; background-color: #2d2c2c; color: #fff; justify-content: center; margin-left: 20px; margin-top: 20px; } #sh_counter_snippet_section_51 .sh_counter_inner_4:hover { background: url("/sh_all_in_one_snippets/static/src/img/img-3.jpg"); width: 150px; height: 150px; background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_counter_snippet_section_51 .sh_counter_inner_4:after { content: ""; position: absolute; top: 0; left: 0; background: linear-gradient(#3ddadd, #104cba); z-index: 1; height: 100%; width: 100%; opacity: 0; transform: scale(0); transition: all 0.5s; border-radius: 100%; } #sh_counter_snippet_section_51 .sh_counter_inner_4:hover:after { opacity: 0.6; transform: scale(1); transition-delay: 0ms; } #sh_counter_snippet_section_51 .sh_counter_inner_3 { width: 180px; height: 180px; border-radius: 180px; position: relative; z-index: 1; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; text-align: center; visibility: visible; animation-name: fadeInUp; background-color: #2d2c2c; color: #fff; justify-content: center; margin-top: 20px; margin-left: 10px; } #sh_counter_snippet_section_51 .sh_counter_inner_3:hover:after { opacity: 0.6; transform: scale(1); transition-delay: 0ms; } #sh_counter_snippet_section_51 .sh_counter_inner_3:hover { background: url("/sh_all_in_one_snippets/static/src/img/img-5.jpg"); width: 180px; height: 180px; background-position: center; background-size: cover; background-repeat: no-repeat; } #sh_counter_snippet_section_51 .sh_counter_inner_3:after { content: ""; position: absolute; top: 0; left: 0; background: linear-gradient(#3ddadd, #104cba); z-index: 1; height: 100%; width: 100%; opacity: 0; transform: scale(0); transition: all 0.5s; border-radius: 100%; } #sh_counter_snippet_section_51 .sh_counter_inner_3:hover:after { opacity: 0.6; transform: scale(1); transition-delay: 0ms; } @media screen and (max-width: 800px) { #sh_counter_snippet_section_51 { height: 1100px !important; } #sh_counter_snippet_section_51 .sh_counter_inner_1 { width: 200px; height: 200px; border-radius: 150px; } #sh_counter_snippet_section_51 .sh_counter_inner_1:hover { width: 200px; height: 200px; } #sh_counter_snippet_section_51 .sh_counter_inner_2:hover { width: 250px; height: 250px; } #sh_counter_snippet_section_51 .sh_counter_inner_3:hover { width: 250px; height: 250px; } #sh_counter_snippet_section_51 .sh_counter_inner_4:hover { width: 200px; height: 200px; } #sh_counter_snippet_section_51 .sh_counter_inner_2 { width: 250px; height: 250px; border-radius: 150px; } #sh_counter_snippet_section_51 .sh_counter_inner_4 { width: 200px; height: 200px; border-radius: 150px; } #sh_counter_snippet_section_51 .sh_counter_inner_3 { width: 250px; height: 250px; border-radius: 150px; } } @media screen and (max-width: 567px) { #sh_counter_snippet_section_51 { height: 900px !important; } #sh_counter_snippet_section_51 .sh_counter_inner_1 { width: 150px; height: 150px; border-radius: 150px; margin-left: 0px; } #sh_counter_snippet_section_51 .sh_counter_inner_2 { width: 170px; height: 170px; border-radius: 180px; } #sh_counter_snippet_section_51 .sh_counter_inner_4 { width: 150px; height: 150px; border-radius: 150px; } #sh_counter_snippet_section_51 .sh_counter_inner_3 { width: 170px; height: 170px; border-radius: 180px; margin-left: 0px; } #sh_counter_snippet_section_51 .sh_counter_inner_1:hover { width: 150px; height: 130px; } #sh_counter_snippet_section_51 .sh_counter_inner_2:hover { width: 170px; height: 140px; } #sh_counter_snippet_section_51 .sh_counter_inner_3:hover { width: 170px; height: 140px; } #sh_counter_snippet_section_51 .sh_counter_inner_4:hover { width: 150px; height: 130px; } #sh_counter_snippet_section_51 .sh_counter .sh_counter_number { font-size: 25px; } #sh_counter_snippet_section_51 .main-row { margin-top: 0px; } #sh_counter_snippet_section_51 .sh_heading { padding: 20px 15px; } #sh_counter_snippet_section_51 .sh_heading h3 { font-size: 30px; } #sh_counter_snippet_section_51 .sh_heading h3::before { left: -22px; display: none; } } @media screen and (max-width: 360px) { #sh_counter_snippet_section_51 .sh_counter .sh_counter_number { font-size: 26px; } #sh_counter_snippet_section_51 .sh_counter .sh_counter_title { font-size: 14px; } #sh_counter_snippet_section_51 .sh_counter_inner_1 { width: 130px; height: 120px; border-radius: 150px; margin-left: 0px; } #sh_counter_snippet_section_51 .sh_counter_inner_2 { width: 150px; height: 150px; border-radius: 180px; } #sh_counter_snippet_section_51 .sh_counter_inner_3 { width: 150px; height: 150px; border-radius: 180px; } #sh_counter_snippet_section_51 .sh_counter_inner_4{ width: 130px; height: 120px; border-radius: 150px; margin-left: 20px; } } /* --------------------- end counter snippet 51 --------------------- */ /* --------------------- start counter snippet 52 --------------------- */ #sh_counter_snippet_section_52 { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 450px; position: relative; background-attachment: fixed; overflow: hidden; } #sh_counter_snippet_section_52 .sh_square { position: absolute; left: -60px; top: 50%; } #sh_counter_snippet_section_52 .sh_square .up-down { animation: sh_up_down 7s alternate infinite; -webkit-animation: sh_up_down 7s alternate infinite; height: 100%; width: 100%; } @keyframes sh_up_down { 0% { transform: translateY(30px); -webkit-transform: translateY(0); } 50% { transform: translateY(-50px); -webkit-transform: translateY(-50px); } 100% { transform: translateY(0); -webkit-transform: translateY(0); } } #sh_counter_snippet_section_52 .overlay { background-color: #000000; background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.88; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } #sh_counter_snippet_section_52 .main-row { margin: 50px 0px; } #sh_counter_snippet_section_52 .main-row .sh_center { margin-top: 100px !important; } #sh_counter_snippet_section_52 .sh_title { position: relative; } #sh_counter_snippet_section_52 .sh_sub-text { font-size: 16px; font-weight: 600; line-height: 28px; text-transform: uppercase; color: o-color(o-color-1); margin: 0 0 10px; display: block; } #sh_counter_snippet_section_52 .sh_sub_title { font-size: 40px; font-weight: 500; color: #fff; margin: 0; line-height: 1.3; padding: 0; padding-bottom: 0px; } #sh_counter_snippet_section_52 .sh_sub_title span { font-weight: 900; } #sh_counter_snippet_section_52 .sh_counter { position: relative; text-align: center !important; } #sh_counter_snippet_section_52 .sh_counter:before { content: ""; left: 50%; transform: translate(-50%); width: 4px; height: 50px; background: #fff; position: absolute; top: -75px; } #sh_counter_snippet_section_52 .sh_counter:after { content: ""; left: 50%; transform: translate(-50%); width: 4px; height: 50px; background: #fff; position: absolute; content: ""; top: auto; bottom: -80px; } #sh_counter_snippet_section_52 .sh_counter .sh_counter_number { color: o-color(o-color-1); font-size: 40px; font-weight: 700; line-height: 1em; padding: 10px 0px; } #sh_counter_snippet_section_52 .sh_counter .sh_content { font-size: 18px; font-weight: 600; color: #ffffff !important; padding-top: 12px; } @media screen and (max-width: 768px) { #sh_counter_snippet_section_52 .sh_sub_title { margin-bottom: 50px; } #sh_counter_snippet_section_52 { height: 600px !important; } } @media screen and (max-width: 567px) { #sh_counter_snippet_section_52 .sh_counter:after { display: none; } #sh_counter_snippet_section_52 .sh_counter:before { display: none; } #sh_counter_snippet_section_52 .main-row .sh_center { margin-top: 0px !important; } #sh_counter_snippet_section_52 { height: 700px !important; } } /* --------------------- end counter snippet 52 --------------------- */ /* --------------------- start counter snippet 53 --------------------- */ #sh_counter_snippet_section_53 { position: relative; width: 100%; padding: 50px 0px; } #sh_counter_snippet_section_53 .main-row .sh_counter_img { height: 500px; width: 100%; overflow: hidden; transition: 1s; transform: skewX(-5deg) !important; position: relative; object-fit: cover; object-position: center; } #sh_counter_snippet_section_53 .main-row .sh_counter_img img { height: 100%; width: 100%; transition: 2s; } #sh_counter_snippet_section_53 .main-row .sh_counter_img:hover { transform: skewX(1deg) !important; } #sh_counter_snippet_section_53 .main-row .sh_counter_img:hover img { transform: scale(1.2) !important; } #sh_counter_snippet_section_53 .main-row .sh_counter_img::before { position: absolute; content: ""; top: 0; left: 50%; height: 100%; width: 20px; background: #fff; transform: skewX(2deg); z-index: 1; } #sh_counter_snippet_section_53 .main-row .box { position: relative; } #sh_counter_snippet_section_53 .main-row .box-contents { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("/sh_all_in_one_snippets/static/src/img/img-4.jpg") 50% 50% / cover no-repeat; box-shadow: 0 0 50px rgba(0, 0, 0, 0.3); transition: 0.5s ease; } #sh_counter_snippet_section_53 .main-row .hover-point { position: absolute; z-index: 2; // width: calc(100% / 3); // height: calc(100% / 3); } #sh_counter_snippet_section_53 .main-row .hover-point:nth-child(1) { top: 50%; left: 50%; height: 100%; width: 100%; } #sh_counter_snippet_section_53 .main-row .hover-point:nth-child(1):hover ~ .box-contents { box-shadow: 15px 15px 50px rgba(0, 0, 0, 0.3); transform-origin: right top; transform: perspective(1000px) rotateX(1deg) rotateY(-1deg) rotateZ(1deg); } #sh_counter_snippet_section_53 .main-row .sh_counter_img_content { width: 100%; padding: 20px 50px; } #sh_counter_snippet_section_53 .main-row .sh_counter_title { display: flex; justify-content: space-between; align-items: center; } #sh_counter_snippet_section_53 .main-row .sh_counter_shape { height: 30px; width: 30px; background: linear-gradient(162deg, o-color(o-color-1) 70%, white 30%); position: relative; } .sh_counter_shape_text { width: 90%; color: #a0a0a0; } .sh_counter_shape_text h6 { font-size: 18px; font-weight: 600; } #sh_counter_snippet_section_53 .main-row .sh_counter_shape::before { height: 100%; width: 100%; top: 0; left: 0; position: absolute; content: ""; } #sh_counter_snippet_section_53 .main-row .sh_counter_img_content h1 { font-size: 45px; font-weight: 600; margin-top: 10px; } #sh_counter_snippet_section_53 .main-row .sh_counter_img_content p { color: #a0a0a0; margin-top: 20px; } #sh_counter_snippet_section_53 .main-row .sh_counter_img_content .sh_counter_text_main { display: flex; justify-content: space-between; flex-direction: row; } #sh_counter_snippet_section_53 .main-row .sh_counter_img_content .sh_counter_text { display: flex; justify-content: center; align-items: center; flex-direction: column; border: 1px dashed #dddddd; width: 48%; padding: 15px; border-radius: 5px; margin-top: 30px; } #sh_counter_snippet_section_53 .main-row .sh_counter_img_content .sh_counter_icon span { font-size: 35px; color: #a0a0a0; } #sh_counter_snippet_section_53 .main-row .sh_counter_img_content .sh_counter_number span { font-size: 40px; color: o-color(o-color-1); font-weight: 600; } .sh_counter_number { margin-top: 20px; } #sh_counter_snippet_section_53 .main-row .sh_counter_img_content .sh_counter_text p { margin-top: 0px; } @media screen and (max-width: 567px) { #sh_counter_snippet_section_53 { padding: 20px 0px; } #sh_counter_snippet_section_53 .main-row .sh_counter_img_content { padding: 20px 0px; } #sh_counter_snippet_section_53 .main-row .sh_counter_img { height: 300px; width: 100%; overflow: hidden; transition: 1s; transform: skewX(-3deg) !important; position: relative; object-fit: cover; object-position: center; } #sh_counter_snippet_section_53 .main-row .sh_counter_img_content .sh_counter_text { width: 100%; } #sh_counter_snippet_section_53 .main-row .sh_counter_img_content .sh_counter_text_main { flex-direction: column; } #sh_counter_snippet_section_53 .main-row .sh_counter_img_content .sh_counter_shape_text { margin-left: 10px; } } /* --------------------- end counter snippet 53 --------------------- */ /* ######## counter ######## */ /* ######## hover effect snippet ######## */ /* snippet 30 */ #sh_all_in_one_snippet_30{padding: 50px 0;} #sh_all_in_one_snippet_30 .sh_content{position: relative;padding: 0 20px;transition: all .4s;} #sh_all_in_one_snippet_30 .sh_content:before{position: absolute;content: "";left: 0px;top: 0px;bottom: 38px;right: 0px; box-shadow: rgba(0,0,0,.20) 0px 0px 50px 0px;transform: translateY(38px);background: #fff;border-radius: 6px;transition: all 0.5s ease 0s;} #sh_all_in_one_snippet_30 .sh_content .sh_img_icon{position: relative;border-radius: 6px;overflow: hidden;transition: all 0.5s ease 0s;} #sh_all_in_one_snippet_30 .sh_content .sh_img_icon .sh_icon{position: absolute;right: 0px;bottom: 0px;width: 75px;height: 80px;font-size: 35px;color: #fff;line-height: 75px;text-align: center;} #sh_all_in_one_snippet_30 .sh_content .sh_img_icon .sh_icon:before{position: absolute;content: "";top: 16px;left: -5px;height: 64px;width: 100px;transform: rotate(45deg);border-radius: 32px;background-color: o-color('o-color-1');pointer-events: none;} #sh_all_in_one_snippet_30 .sh_content .sh_des{position: relative;text-align: center;padding: 24px 0px;} #sh_all_in_one_snippet_30 .sh_content .sh_des h4{position: relative;font-size: 16px;font-weight: 600;text-transform: uppercase;margin-bottom: 5px;color: o-color('o-color-1');} #sh_all_in_one_snippet_30 .sh_content .sh_des p{position: relative;font-size: 22px;font-weight: 600;margin-bottom: 0;} #sh_all_in_one_snippet_30 .sh_content .sh_overlay{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;visibility: hidden;opacity: 0;border-radius: 6px;padding: 0px 20px;transition: all 0.5s ease 0s;} #sh_all_in_one_snippet_30 .sh_content .sh_overlay .sh_text{position: relative;color: rgb(255, 255, 255);text-align: center;padding: 38px 30px 30px;border-radius: 6px;background-image: url(/sh_all_in_one_snippets/static/src/img/20.jpg);background-size: cover;} #sh_all_in_one_snippet_30 .sh_content .sh_img_icon img{width: 100%;max-height: 137px;object-fit: cover;} #sh_all_in_one_snippet_30 .sh_content .sh_img_icon .sh_icon span{color: #fff;position: relative;z-index: 1;font-size: 26px;} #sh_all_in_one_snippet_30 .sh_content:hover .sh_img_icon{opacity: 0;visibility: hidden;} #sh_all_in_one_snippet_30 .sh_content:hover .sh_overlay{opacity: 1;visibility: visible;} #sh_all_in_one_snippet_30 .sh_content .sh_overlay .sh_text:before{position: absolute;content: "";opacity: 0.8;left: 0px;top: 0px;right: 0px;bottom: 0px;background: rgb(32, 22, 48);border-radius: 6px;pointer-events: none;} #sh_all_in_one_snippet_30 .sh_content:hover:before{transform: translateY(0px);} #sh_all_in_one_snippet_30 .sh_content .sh_overlay .sh_text p{color: #fff;z-index: 1;position: relative;margin-bottom: 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} #sh_all_in_one_snippet_30.sh_disable_hover_cls .sh_content:hover:before{transform: translateY(38px);} #sh_all_in_one_snippet_30.sh_disable_hover_cls .sh_content:hover .sh_img_icon{opacity: 1;visibility: visible;} #sh_all_in_one_snippet_30.sh_disable_hover_cls .sh_content:hover .sh_overlay{opacity: 0;visibility: hidden;} @media (max-width: 991px){ #sh_all_in_one_snippet_30 .sh_content{margin-bottom: 40px;} } @media (max-width: 768px){ #sh_all_in_one_snippet_30 .sh_content .sh_des{height: auto;} #sh_all_in_one_snippet_30 .sh_content:hover > .sh_des{visibility: hidden;height: 0;} } @media (max-width: 576px){ #sh_all_in_one_snippet_30 .sh_content .sh_overlay .sh_text{max-height: 120px;padding: 20px;} #sh_all_in_one_snippet_30 .sh_content{margin-bottom: 60px;} } /* snippet 30 */ /* snippet 31 */ #sh_all_in_one_snippet_31{padding: 50px 0;} #sh_all_in_one_snippet_31 .sh_content{position: relative;} #sh_all_in_one_snippet_31 .sh_content .sh_img{position: relative;overflow: hidden;} #sh_all_in_one_snippet_31 .sh_content .sh_img img{position: relative;width: 100%;transition: all 0.5s ease 0s;height: 245px;object-fit: cover;border-radius: 10px;} #sh_all_in_one_snippet_31 .sh_content .sh_des{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;opacity: 0;visibility: hidden;border-radius: 6px;overflow: hidden;transition: all 0.5s ease 0s;pointer-events: none;} #sh_all_in_one_snippet_31 .sh_content .sh_des .sh_title{position: absolute;left: 30px;top: 30px;font-size: 24px;font-weight: 500; color: rgb(255, 255, 255);text-transform: uppercase; z-index: 1; pointer-events: auto;} #sh_all_in_one_snippet_31 .sh_content .sh_text{position: absolute;right: 30px;bottom: 30px;text-align: right;pointer-events: auto;} #sh_all_in_one_snippet_31 .sh_content .sh_text h4{position: relative;color: rgb(255, 255, 255);font-size: 18px;font-weight: 500;margin-bottom: 7px;} #sh_all_in_one_snippet_31 .sh_content .sh_text p{font-size: 22px;font-weight: 600;color: rgb(255, 255, 255);transform-style: preserve-3d;transform: perspective(1200px) rotateX(90deg) translateZ(-40px);transition: all 0.5s ease 0s;} #sh_all_in_one_snippet_31 .sh_content:hover .sh_des{visibility: visible;opacity: 1;} #sh_all_in_one_snippet_31 .sh_content:hover .sh_text p{transform: perspective(1200px) rotateX(0deg) translateZ(0px);} #sh_all_in_one_snippet_31 .sh_content .sh_des:before{position: absolute;content: "";opacity: 0.9;left: 0px;right: 0px;bottom: 0px;top: 0px;background: #4c4c4c;pointer-events: none;} #sh_all_in_one_snippet_31 .sh_content .sh_des:after{position: absolute;content: "";opacity: 0.9;right: 43%;bottom: 90px;width: 100%;height: 100%;transform: rotate(-30deg) scale(0.8);border-radius: 25px;transition: all 0.5s ease 0s;background-color: o-color('o-color-1');pointer-events: none;} #sh_all_in_one_snippet_31 .sh_content:hover .sh_des:after{transform: rotate(-30deg) scale(1);} #sh_all_in_one_snippet_31 .sh_content .sh_des .sh_title h2{font-size: 24px;margin-bottom: 0;} @media (max-width: 1200px){ #sh_all_in_one_snippet_31 .sh_content .sh_img img{height: 250px;object-fit: cover;} } @media (max-width: 991px){ #sh_all_in_one_snippet_31 .sh_content{margin-bottom: 20px;} #sh_all_in_one_snippet_31 .col-lg-4:last-child .sh_content{margin-bottom: 0;} } /* snippet 32 */ #sh_all_in_one_snippet_32{padding: 50px 0;} #sh_all_in_one_snippet_32 .sh_content{position: relative;} #sh_all_in_one_snippet_32 .sh_content .sh_img img{width: 100%;height: 260px;object-fit: cover;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: 0 0;height: 100%;text-decoration: none;transition: all .3s ease-in-out;padding: 25px;pointer-events: none;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart .sh_des .sh_title{transition: all .3s ease-in-out;transform: translate(0,150px);pointer-events: auto;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart h4{color: #fff;margin: 0;font-size: 24px;text-transform: capitalize;font-weight: 600;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart h6{margin: 5px 0 0;font-weight: 300;font-size: 16px;color: #ececec;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart p{color: #fff;font-size: 14px;opacity: 0;transition: all .3s ease-in-out;transform: translate(0,25px);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-top: 15px;margin-bottom: 15px;pointer-events: auto;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart .sh_btn{pointer-events: none;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart .sh_btn a{color: #fff;border: 2px solid #fff;display: inline-block;text-decoration: none;opacity: 0;padding: 8px 0;-webkit-transition: all .3s ease-in-out;transform: translate(0,25px);text-transform: capitalize;border-radius: 0;font-weight: 600;pointer-events: auto;} #sh_all_in_one_snippet_32 .sh_content:hover .sh_hoverpart .sh_des .sh_title{transform: translate(0, 0);} #sh_all_in_one_snippet_32 .sh_content:hover .sh_hoverpart p{color: #fff;font-size: 16px;opacity: 1;font-weight: 300;transition: all .3s ease-in-out;transform: translate(0,0);} #sh_all_in_one_snippet_32 .sh_content:hover .sh_hoverpart .sh_btn a{opacity: 1;padding: 8px 25px;transition: all .3s ease-in-out;transform: translate(0,0);} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart .sh_btn a:hover{color: o-color('o-color-1');background: #fff;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart:after{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #333;height: 100%;text-decoration: none;transition: all .3s ease-in-out;opacity: 0.2;pointer-events: none;} #sh_all_in_one_snippet_32 .sh_content .sh_hoverpart .sh_des{position: relative;z-index: 1;pointer-events: none;} #sh_all_in_one_snippet_32 .sh_content:hover .sh_hoverpart:after{opacity: 0.5;} @media (max-width: 991px){ #sh_all_in_one_snippet_32 .sh_content{margin-bottom: 20px;} #sh_all_in_one_snippet_32 .col-lg-4:last-child .sh_content{margin-bottom: 0;} } /* snippet 32 */ /* snippet 33 */ #sh_all_in_one_snippet_33{padding-top: 50px;} #sh_all_in_one_snippet_33 .sh_content{background: url(/sh_all_in_one_snippets/static/src/img/23.jpg);min-height: 300px;background-position: 50%;background-size: cover;padding: 40px; display: flex;align-items: center;text-align: center;position: relative; border-radius: 6px;overflow: hidden;} #sh_all_in_one_snippet_33 .sh_content .sh_overlay{position: absolute;height: 100%;width: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);pointer-events: none;} #sh_all_in_one_snippet_33 .sh_content .sh_des{position: relative;max-width: 390px;margin-right: auto;margin-left: auto;z-index: 2;} #sh_all_in_one_snippet_33 .sh_content .sh_des h4{font-size: 24px;line-height: 1.25;color: #fff;font-weight: 600;margin-bottom: 15px;} #sh_all_in_one_snippet_33 .sh_content .sh_info{height: 0;overflow: hidden;transition: height .5s ease-in-out;} #sh_all_in_one_snippet_33 .sh_content p{margin-bottom: 0;color: #fff;padding-bottom: 0px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} #sh_all_in_one_snippet_33 .sh_content .sh_btn a{color: #fff;font-weight: 600;font-size: 16px;line-height: 1.3;text-transform: capitalize;text-decoration: none;letter-spacing: 0.7px;} #sh_all_in_one_snippet_33 .sh_content:hover .sh_info{height: 100px;} @media (max-width: 991px){ #sh_all_in_one_snippet_33 .sh_content{margin-bottom: 20px;} #sh_all_in_one_snippet_33 .col-lg-4:last-child .sh_content{margin-bottom: 0;} } /* snippet 33 */ /* snippet 34 */ #sh_all_in_one_snippet_34{padding-top: 50px;} #sh_all_in_one_snippet_34 .sh_content{overflow: hidden;position: relative;height: 300px;} #sh_all_in_one_snippet_34 .sh_content .sh_overlay{display: block;position: relative;background: #000;z-index: 1;opacity: 0;transition: all .5s cubic-bezier(.5,0,.4,1);padding: 50%;pointer-events: none;} #sh_all_in_one_snippet_34 .sh_content .sh_overlay:after{height: 100%;width: 273%;display: block;content: "";position: absolute;background: #333;transform: rotate(45deg);top: -200%;right: -100%;transition: all .7s cubic-bezier(.5,0,.4,1);} #sh_all_in_one_snippet_34 .sh_content .sh_img{height: 100% !important;left: 0;position: absolute;top: 0;width: 100%;background: url(/sh_all_in_one_snippets/static/src/img/24.jpg);background-size: cover;z-index: 0;} #sh_all_in_one_snippet_34 .sh_content .sh_descrition{position: absolute;opacity: 0;padding: 20px 20px;margin: 20px;z-index: 1;transform: scale(.7);transition: all .2s ease-in 0s;bottom: 0;} #sh_all_in_one_snippet_34 .sh_content .sh_descrition .sh_text{border-style: solid;border-width: 2px;border-color: #fff; background-color: rgba(9,9,9,0);text-align: left;padding: 20px;} #sh_all_in_one_snippet_34 .sh_content .sh_descrition .sh_text p{font-size: 14px;font-weight: 600;text-transform: uppercase;letter-spacing: 0;display: block;color: o-color('o-color-1');margin-bottom: 5px;} #sh_all_in_one_snippet_34 .sh_content .sh_descrition .sh_text h4{font-size: 30px;display: block;padding: 0;margin: 0 0;color: #fff;font-weight: 600;} #sh_all_in_one_snippet_34 .sh_content:hover .sh_overlay{background-color: #424242;opacity: .8;} #sh_all_in_one_snippet_34 .sh_content:hover .sh_overlay:after{background-color: #000;top: 72%;} #sh_all_in_one_snippet_34 .sh_content:hover .sh_descrition{transform: scale(1);opacity: 1;} @media (max-width: 991px){ #sh_all_in_one_snippet_34 .sh_content{margin-bottom: 20px;} #sh_all_in_one_snippet_34 .col-lg-4:last-child .sh_content{margin-bottom: 0;} } @media (max-width: 576px){ #sh_all_in_one_snippet_34 .sh_content .sh_descrition .sh_text h4{font-size: 24px;} } /* snippet 34 */ /*-------------------------------- start #sh_hovereffects_snippet_section_31 --------------------------------*/ #sh_hovereffects_snippet_section_31 .sh_disable_hover_cls .sh_effect .sh_figcaption { display: none; } #sh_hovereffects_snippet_section_31{width: 100%; padding:100px 0px; position: relative;} #sh_hovereffects_snippet_section_31 .first-row .sh_heading_title{ padding-left: 45px; background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; border-left: 6px double o-color(o-color-1); } #sh_hovereffects_snippet_section_31 .first-row .sh_heading_title h2{ font-size:40px; font-weight: 600; } #sh_hovereffects_snippet_section_31 .first-row .sh_heading_title h6 { text-transform: capitalize; } #sh_hovereffects_snippet_section_31 .second-row .sh_content{ margin: 0; padding: 60px 40px 55px; width: 100%; border: 1px solid; overflow: hidden; z-index: 9; width: auto; border: 1px solid rgba(0,0,0,.15); position: relative; text-align: center; } #sh_hovereffects_snippet_section_31 .second-row .sh_content:after{ bottom: 0; right: 0; content: ""; height: 0; margin: 0; opacity: 0; padding-top: 50%; pointer-events: none; position: absolute; width: 50%; z-index: -1; transition: all 0.3s linear 0s; background-color:o-color(o-color-1); } #sh_hovereffects_snippet_section_31 .second-row .sh_content:before{ left: 0; top: 0; content: ""; height: 0; margin: 0; opacity: 0; padding-top: 50%; pointer-events: none; position: absolute; width: 50%; z-index: -1; transition: all 0.3s linear 0s; background-color:o-color(o-color-1); } #sh_hovereffects_snippet_section_31 .second-row .sh_content:hover:before{ opacity: 1; padding-top: 110%; width: 110%; margin: 1px 0 0 1px; left: 100%; top: 100%; transform: translate(-100%,-100%); height: 100%; } #sh_hovereffects_snippet_section_31 .second-row .sh_content:hover:after{ opacity: 1; padding-top: 110%; width: 110%; margin: 1px 0 0 1px; left: 100%; top: 100%; transform: translate(-100%,-100%); height: 100%; } #sh_hovereffects_snippet_section_31 .second-row .sh_content:hover .sh_full_icon span{ transform: scale(2) translate(-50%,-50%); opacity: 1; } #sh_hovereffects_snippet_section_31 .second-row .sh_content .sh_full_icon span{ margin: 0 auto; top: 65%; opacity: 0; z-index: 0; transition: all 0.3s linear 0s; color: rgba(255,255,255,.1); position: absolute; left: 65%; font-size: 100px; } #sh_hovereffects_snippet_section_31 .second-row .sh_content:hover .sh_icon_box span{ color: #000; } #sh_hovereffects_snippet_section_31 .second-row .sh_content:hover .sh_icon-content h4{ color:#fff; } #sh_hovereffects_snippet_section_31 .second-row .sh_content .sh_icon_box{ float: left; margin: 0 0 20px; width: 100%; z-index: 1; position: relative; } #sh_hovereffects_snippet_section_31 .second-row .sh_content .sh_icon_box span{ font-size: 56px; position: relative; color: o-color(o-color-1); transition: all 0.3s linear 0s; } #sh_hovereffects_snippet_section_31 .second-row .sh_content .sh_icon-content h4{ margin-bottom: 15px; font-weight: 600; position: relative; transition: all 0.3s linear 0s; } #sh_hovereffects_snippet_section_31 .second-row .sh_content .sh_icon-content p{ margin-bottom: 0; position: relative; z-index: 1; } .sh_img{ height:500px; width: 100%; } .sh_img img{ height:100%; width: 100%; } @media screen and (max-width:567px) { #sh_hovereffects_snippet_section_31{ padding:50px 0px; } #sh_hovereffects_snippet_section_31 .second-row{ margin-top: -50px; } #sh_hovereffects_snippet_section_31 .second-row .sh_content:hover .sh_full_icon span{ transform: scale(2) translate(-50%, -50%) !important; font-size: 80px; } } /*-------------------------------- end #sh_hovereffects_snippet_section_31 --------------------------------*/ /*-------------------------------- start #sh_hovereffects_snippet_section_32 --------------------------------*/ #sh_hovereffects_snippet_section_32{ width:100%; position: relative; text-align: center; padding: 100px 0px; } #sh_hovereffects_snippet_section_32 h2{ font-size: 40px; font-weight: 600; text-align: center; } #sh_hovereffects_snippet_section_32 h5{ font-size: 16px; word-spacing: 2px; text-transform: uppercase; margin-top: 10px; } #sh_hovereffects_snippet_section_32 .main-row{ margin-top:30px; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box{ width: 100%; padding: 20px 10px; background:#fff; transition: all .5s ease-in-out 0s; position: relative; z-index:1; box-shadow:0 0 16px 0 rgba(0,0,0,0.1); height:350px; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box:before{ content: ''; position: absolute; top:0; left:0; height:100%; width:100%; background:rgba(0, 0, 0, 0.5); opacity:0; transition: all .5s ease-in-out 0s; z-index: -1; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box:hover:before{ opacity:1; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box .sh_text{ z-index:2; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box .sub-div-1{ position: absolute; top:0; left:0; height:100%; width: 100%; background:url("/sh_hovereffects_snippet/static/src/img/sn_12_1.png"); background-position: center; background-size: cover; z-index:-2; opacity: 0; transition: all .5s ease-in-out 0s; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box:hover .sub-div-1{ opacity:1; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box .sub-div-2{ position: absolute; top:0; left:0; height:100%; width: 100%; background:url("/sh_hovereffects_snippet/static/src/img/sn_16_3.png"); background-position: center; background-size: cover; z-index:-2; opacity: 0; transition: all .5s ease-in-out 0s; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box:hover .sub-div-2{ opacity:1; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box .sub-div-3{ position: absolute; top:0; left:0; height:100%; width: 100%; background:url("/sh_hovereffects_snippet/static/src/img/sn_12_2.png"); background-position: center; background-size: cover; z-index:-2; opacity: 0; transition: all .5s ease-in-out 0s; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box:hover .sub-div-3{ opacity:1; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box .sub-div-4{ position: absolute; top:0; left:0; height:100%; width: 100%; background:url("/sh_hovereffects_snippet/static/src/img/sn_19_1.png"); background-position: center; background-size: cover; z-index:-2; opacity: 0; transition: all .5s ease-in-out 0s; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box:hover .sub-div-4{ opacity:1; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box .sub-div-5{ position: absolute; top:0; left:0; height:100%; width: 100%; background:url("/sh_hovereffects_snippet/static/src/img/sn_19_2.png"); background-position: center; background-size: cover; z-index:-2; opacity: 0; transition: all .5s ease-in-out 0s; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box:hover .sub-div-5{ opacity:1; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box .sub-div-6{ position: absolute; top:0; left:0; height:100%; width: 100%; background:url("/sh_hovereffects_snippet/static/src/img/sn_19_3.png"); background-position: center; background-size: cover; z-index:-2; opacity: 0; transition: all .5s ease-in-out 0s; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box:hover .sub-div-6{ opacity:1; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box .sh_icon-box{ transition: all .5s ease-in-out 0s; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box .sh_icon-box span{ font-size: 50px; color:o-color(o-color-1); text-align: center; margin-top: 20px; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box .sh_title h3{ font-size: 25px; font-weight: 600; text-align: center; margin-top: 30px; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box p{ font-size: 16px; margin-top:30px; text-align: center; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box:hover{ color:#fff; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box:hover{ background: transparent; margin-top:-20px; } #sh_hovereffects_snippet_section_32 .main-row .sh_content_box:hover .sh_icon-box{ animation: sh_hover 2s infinite linear; animation-duration: 2s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: sh_hover; } @keyframes sh_hover { 0% { -webkit-transform: rotateY( 0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY( 0deg); } 100% { -webkit-transform: rotateY( 1turn); -moz-transform: rotateY(1turn); -ms-transform: rotateY(1turn); -o-transform: rotateY(1turn); transform: rotateY( 1turn); } } @media screen and (max-width:800px) { #sh_hovereffects_snippet_section_32{ padding: 50px 0px; } } @media screen and (max-width:567px) { #sh_hovereffects_snippet_section_32{ padding: 30px 0px 50px 0px; } #sh_hovereffects_snippet_section_32 h2{ font-size: 34px; } #sh_hovereffects_snippet_section_32 .main-row { margin-top: 0px; } } /*-------------------------------- end #sh_hovereffects_snippet_section_32 --------------------------------*/ /*-------------------------------- end #sh_hovereffects_snippet_section_33 --------------------------------*/ #sh_hovereffects_snippet_section_33{padding:100px 0px; width:100%; position: relative;} #sh_hovereffects_snippet_section_33 .main-row{ margin-top:0px; } #sh_hovereffects_snippet_section_33 .main-row .first-row .sh_sub_title{ color: #0e0e0e; font-weight: 400; margin-bottom: 9px; padding-left: 75px; position: relative; } #sh_hovereffects_snippet_section_33 .main-row .first-row .sh_sub_title:before{ content: ''; width: 50px; height: 3px; position: absolute; top: 50%; left: 0; opacity: 1; background-color:o-color(o-color-1); } #sh_hovereffects_snippet_section_33 .main-row .first-row .sh_heading { font-size: 35px; font-weight: 700; color: #0e0e0e; } #sh_hovereffects_snippet_section_33 .main-row .first-row .sh_content{ padding: 15px; position: relative; display: flex; margin-top: 20px; line-height: 30px; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box{ border-top:8px solid o-color(o-color-1); text-align: center; position: relative; background: #fff; // height:400px; text-align: center; margin-bottom: 64px; position: relative; overflow: hidden; box-shadow:0 0 16px 0 rgba(0,0,0,0.1); } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_box_inner{ // position: relative; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_box_inner:before{ content: ''; width: 100%; height: 80%; left: 0; bottom: 0; position: absolute; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box img{ width:100%; height:500px; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_item_inner{ display: flex; flex-wrap: wrap; width: 100%; align-items: center; background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; justify-content: flex-start; flex-direction: column; padding: 40px 50px; transition: all 300ms linear 100ms; transform: perspective(500px)rotateX(0); } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_item_sub_inner{ text-align: center; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_item_sub_inner .sh_item_icon{ line-height: 1; margin: 0 auto 26px; font-size: 74px; color:o-color(o-color-1); } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_item_sub_inner .sh_sub_heading{ font-size: 22px; margin-bottom: 19px; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_item_sub_inner .sh_item_space{ width: 76px; height: 3px; margin: auto; position: relative; background-color: o-color(o-color-1); } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_item_sub_inner .sh_item_space :before { left: 0; width: 19px; background-color: o-color(o-color-1); content: ''; height: 100%; position: absolute; top: 0; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_item_sub_inner .sh_item_space :after { right: 0; width: 51px; background-color: o-color(o-color-1); content: ''; height: 100%; position: absolute; top: 0; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_item_sub_inner .sh_item_content{ margin-top: 20px; display: -webkit-box;max-width: 100%;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_item_sub_inner .sh_item_icon_full_size{ position: absolute; bottom: -15px; right: -15px; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_item_sub_inner .sh_item_icon_full_size span{ color:o-color(o-color-1); font-size: 100px; opacity: .4; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_sub_item{ position: absolute; top: 0; left: 0; width: 100%; background-color: #0e0e0e; padding: 40px; transform-origin: 50% 0%; transition: all 300ms linear 0ms; opacity: 0; transform: perspective(500px)rotateX( -90deg); } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_sub_item_title { font-size: 22px; margin-bottom: 21px; color: #fff; margin: 0 0 15px; font-weight: 700; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_sub_item_readmore a{ box-shadow: none; text-decoration: none; transition: all 300ms linear 0ms; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_plus{ height: 57px; width: 57px; line-height: 57px; text-align: center; background-color: #fff; border-radius: 57px; font-size: 25px; font-weight: 600; color: #1a1a1a; display: inline-block; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box .sh_plus:hover{ box-shadow: 0 0 0 10px rgba(58,173,170,0.4); background-color:o-color(o-color-1); color: #fff; } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box:hover .sh_item_inner{ opacity: 0; transform: perspective(500px)rotateX( -90deg); } #sh_hovereffects_snippet_section_33 .main-row .second-row .sh_box:hover .sh_sub_item{ opacity: 1; transition-delay: .2s; transform: perspective(500px)rotateX(0); } #sh_hovereffects_snippet_section_33 .main-row .second-row{ margin-top: 50px; } @media screen and (max-width:567px) { #sh_hovereffects_snippet_section_33{ padding: 0px 0px; } #sh_hovereffects_snippet_section_33 .main-row .second-row{ margin-top: 30px; } #sh_hovereffects_snippet_section_33 .main-row .first-row .sh_content{ padding:0; } #sh_hovereffects_snippet_section_33 .main-row { margin-top: 20px; } #sh_hovereffects_snippet_section_33 .main-row .first-row .sh_heading { font-size: 30px; font-weight: 700; color: #0e0e0e; } } /*-------------------------------- end #sh_hovereffects_snippet_section_33 --------------------------------*/ /* ######## hover effect snippet ######## */ /* ######## timeline snippet ######## */ /* snippet 36 */ #sh_all_in_one_snippet_36{padding: 0;} #sh_all_in_one_snippet_36 .sh_content{position: relative;width: 50%;left: 0;text-align: right;padding-right: 215px;padding-top: 10px;padding-bottom: 10px;} #sh_all_in_one_snippet_36 .sh_content .sh_left h4{font-size: 18px;font-weight: 600;margin-bottom: 8px; text-transform: uppercase;color: o-color('o-color-1');} #sh_all_in_one_snippet_36 .sh_content .sh_left h2{font-size: 22px;font-weight: 700;margin-bottom: 15px;} #sh_all_in_one_snippet_36 .sh_content .sh_left p{font-size: 18px;font-weight: 500;margin-bottom: 20px;} #sh_all_in_one_snippet_36 .sh_content .sh_link a{position: relative;font-size: 16px;color: #fff;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;text-align: center;background: o-color('o-color-1');padding: 0;} #sh_all_in_one_snippet_36 .sh_content .sh_left:before{position: absolute;content: '';left: auto;right: 0;transform: translateX(50%);top: 0;width: 54px;height: 54px;background-color: #d4d7de;border: 9px solid #fff;border-radius: 50%;} #sh_all_in_one_snippet_36 .sh_content .sh_left:after{position: absolute;content: '';left: auto;right: 0; top: 10px;width: 34px;height: 34px; background-color: #d4d7de;border: 14px solid #fff;border-radius: 50%;transform: translateX(50%);} #sh_all_in_one_snippet_36 .sh_content .sh_left .sh_shape{height: 2px;width: 100px;background: #d4d7de;position: absolute;right: 27px;top: 26px;} #sh_all_in_one_snippet_36 .sh_content:before{position: absolute;content: '';right: -1px;top: 0;bottom: 45px;width: 2px;background-color: #eee;transform: translateX(0%);height: 100%;} @media (max-width: 991px){ #sh_all_in_one_snippet_36 .sh_content{padding-right: 90px;} #sh_all_in_one_snippet_36 .sh_content .sh_left .sh_shape{width: 40px;} } @media (max-width: 768px){ #sh_all_in_one_snippet_36 .sh_content{padding-right: 0;text-align: left;padding-left: 90px;width: 100%;} #sh_all_in_one_snippet_36 .sh_content:before{right: auto;left: 0px;} #sh_all_in_one_snippet_36 .sh_content .sh_left:before{left: 0;right: auto;transform: translateX(-50%);} #sh_all_in_one_snippet_36 .sh_content .sh_left:after{left: 0px;right: auto;transform: translateX(-50%);} #sh_all_in_one_snippet_36 .sh_content .sh_left .sh_shape{left: 30px;} } @media (max-width: 576px){ #sh_all_in_one_snippet_36 .sh_content:before{left: 25px;} #sh_all_in_one_snippet_36 .sh_content .sh_left:before{left: 25px;} #sh_all_in_one_snippet_36 .sh_content .sh_left:after{left: 25px;} } /* snippet 36 */ /* snippet 37 */ #sh_all_in_one_snippet_37{padding: 0;} #sh_all_in_one_snippet_37 .sh_content{position: relative;width: 50%;right: 0;text-align: left;padding-left: 215px;margin-left: auto;padding-top: 10px;padding-bottom: 10px;} #sh_all_in_one_snippet_37 .sh_content .sh_left h4{font-size: 18px;font-weight: 600;margin-bottom: 8px; text-transform: uppercase;color: o-color('o-color-1');} #sh_all_in_one_snippet_37 .sh_content .sh_left h2{font-size: 22px;font-weight: 700;margin-bottom: 15px;} #sh_all_in_one_snippet_37 .sh_content .sh_left p{font-size: 18px;font-weight: 500;margin-bottom: 20px;} #sh_all_in_one_snippet_37 .sh_content .sh_link a{position: relative;font-size: 16px;color: #fff;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;text-align: center;background: o-color('o-color-1');padding: 0;} #sh_all_in_one_snippet_37 .sh_content .sh_left:before{position: absolute;content: '';left: 0;right: auto;transform: translateX(-50%);top: 10px;width: 54px;height: 54px;background-color: #d4d7de;border: 9px solid #fff;border-radius: 50%;} #sh_all_in_one_snippet_37 .sh_content .sh_left:after{position: absolute;content: '';left: 0;right: auto; top: 20px;width: 34px;height: 34px; background-color: #d4d7de;border: 14px solid #fff;border-radius: 50%;transform: translateX(-50%);} #sh_all_in_one_snippet_37 .sh_content .sh_left .sh_shape{height: 2px;width: 100px;background: #d4d7de;position: absolute;left: 27px;top: 37px;} #sh_all_in_one_snippet_37 .sh_content:before{position: absolute;content: '';left: 0;top: 0;bottom: 45px;width: 2px;background-color: #eee;transform: translateX(-50%);height: 100%;} @media (max-width: 991px){ #sh_all_in_one_snippet_37 .sh_content{padding-left: 90px;} #sh_all_in_one_snippet_37 .sh_content .sh_left .sh_shape{width: 40px;} } @media (max-width: 768px){ #sh_all_in_one_snippet_37 .sh_content{width: 100%;} } @media (max-width: 576px){ #sh_all_in_one_snippet_37 .sh_content:before{left: 26px;} #sh_all_in_one_snippet_37 .sh_content .sh_left:after{left: 25px;} #sh_all_in_one_snippet_37 .sh_content .sh_left:before{left: 25px;} } /* snippet 37 */ /* snippet 38 */ #sh_all_in_one_snippet_38{position: relative;} #sh_all_in_one_snippet_38 .sh_content{display: flex;-webkit-box-align: center;align-items: center;transition: opacity 0.5s;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;flex-direction: row-reverse;} #sh_all_in_one_snippet_38 .sh_content .sh_time{margin-right: calc( 50% - 12px);margin-left: 50px;position: relative;z-index: 1;} #sh_all_in_one_snippet_38 .sh_content .sh_time .sh_circle{background: o-color('o-color-1');width: 22px;height: 22px;border-radius: 50%;position: relative;z-index: 0;} #sh_all_in_one_snippet_38 .sh_content .sh_time h4{position: absolute;z-index: 1;top: 0;right: auto;font-size: 24px;font-weight: 700;line-height: 20px;white-space: nowrap;transition: 0.3s;left: 100%;padding-left: 50px;padding-right: 0;} #sh_all_in_one_snippet_38 .sh_content .sh_time_content{position: relative;z-index: 1;padding: 23px 30px;width: 100%; max-width: 345px;box-shadow: 7px 5px 30px 0 rgba(72,73,121,.15);border-radius: 4px; background: #ffffff;overflow: hidden;transition: 0.4s;opacity: 1;transform: translateX(0);text-align: right;border-right: 5px solid o-color('o-color-1');margin: 10px 0;} #sh_all_in_one_snippet_38 .sh_content .sh_time_content h5{font-size: 18px;line-height: 24px;font-weight: 700;margin-bottom: 8px;} #sh_all_in_one_snippet_38 .sh_content .sh_time_content p{line-height: 24px;margin-bottom: 0;color: #212529;} #sh_all_in_one_snippet_38 .sh_content:before {content: '';position: absolute;z-index: -1;height: 100%;width: 2px;left: 50%; top: 0;margin-left: 0px;background: #eaeaea;} #sh_all_in_one_snippet_38 .sh_content:hover .sh_time_content{transform: translateX(-5px);} #sh_all_in_one_snippet_38 .sh_content:hover .sh_time h4{padding-left: 55px;} @media (max-width: 576px){ #sh_all_in_one_snippet_38 .sh_content .sh_time h4{left: 0;} #sh_all_in_one_snippet_38 .sh_content{display: block;position: relative;} #sh_all_in_one_snippet_38 .sh_content:before{left: 10px;} #sh_all_in_one_snippet_38 .sh_content .sh_time{margin-left: 0;} #sh_all_in_one_snippet_38 .sh_content .sh_time_content{max-width: 90%;border-right: 0;border-left: 5px solid o-color('o-color-1');margin-left: auto;margin-top: 20px;} } /* snippet 38 */ /* snippet 39 */ #sh_all_in_one_snippet_39{position: relative;} #sh_all_in_one_snippet_39 .sh_content{display: flex;-webkit-box-align: center;align-items: center;margin-bottom: 0px;transition: opacity 0.5s;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;} #sh_all_in_one_snippet_39 .sh_content .sh_time{margin-left: calc( 50% - 10px);margin-right: 50px;position: relative;z-index: 1;} #sh_all_in_one_snippet_39 .sh_content .sh_time .sh_circle{background: o-color('o-color-1');width: 22px;height: 22px;border-radius: 50%;position: relative;z-index: 0;} #sh_all_in_one_snippet_39 .sh_content .sh_time h4{position: absolute;z-index: 1;top: 0;left: auto;font-size: 24px;font-weight: 700;line-height: 20px;white-space: nowrap;transition: 0.3s;right: 100%;padding-right: 50px;padding-left: 0;} #sh_all_in_one_snippet_39 .sh_content .sh_time_content{position: relative;z-index: 1;padding: 23px 30px;width: 100%; max-width: 345px;box-shadow: 7px 5px 30px 0 rgba(72,73,121,.15);border-radius: 4px;background: #ffffff;overflow: hidden;transition: 0.4s;opacity: 1;transform: translateX(0);text-align: right;border-left: 5px solid o-color('o-color-1');margin: 10px 0;} #sh_all_in_one_snippet_39 .sh_content .sh_time_content h5{font-size: 18px;line-height: 24px;font-weight: 700;margin-bottom: 8px;} #sh_all_in_one_snippet_39 .sh_content .sh_time_content p{line-height: 24px;margin-bottom: 0;color: #212529;} #sh_all_in_one_snippet_39 .sh_content:before {content: '';position: absolute;z-index: -1;height: 100%;width: 2px;left: 50%; top: 0;margin-left: 0px;background: #eaeaea;} #sh_all_in_one_snippet_39 .sh_content:hover .sh_time_content{transform: translateX(5px);} #sh_all_in_one_snippet_39 .sh_content:hover .sh_time h4{padding-right: 55px;} @media (max-width: 576px){ #sh_all_in_one_snippet_39 .sh_content{display: block;position: relative;} #sh_all_in_one_snippet_39 .sh_content:before{left: 10px;} #sh_all_in_one_snippet_39 .sh_content .sh_time{margin-left: 0;} #sh_all_in_one_snippet_39 .sh_content .sh_time_content{max-width: 90%;margin-left: auto;} #sh_all_in_one_snippet_39 .sh_content .sh_time h4{padding-left: 50px;left: 0;} } /* snippet 39 */ /* snippet 40 */ #sh_all_in_one_snippet_40{position: relative;} #sh_all_in_one_snippet_40 .sh_time{font-size: 14px;font-weight: 600;margin: 41px 0 0 0;text-align: right;} #sh_all_in_one_snippet_40 .sh_time p{margin-bottom: 0;} #sh_all_in_one_snippet_40 .sh_content{position: relative;display: inline-block;margin: 15px;padding: 20px;border: 1px solid #dddddd;border-radius: 6px;background: #ffffff;} #sh_all_in_one_snippet_40 .sh_content .sh_icon{position: relative;width: 40px;height: auto;float: left;} #sh_all_in_one_snippet_40 .sh_content .sh_icon span{font-size: 25px;color: o-color('o-color-1');font-weight: 600;} #sh_all_in_one_snippet_40 .sh_content .sh_des{position: relative;width: calc(100% - 40px);float: left;} #sh_all_in_one_snippet_40 .sh_content .sh_des h3{font-size: 16px;font-weight: 600;margin-bottom: 3px;} #sh_all_in_one_snippet_40 .sh_content .sh_des p{font-size: 14px;font-weight: 400;margin-bottom: 0;} #sh_all_in_one_snippet_40 .sh_time p:after {content: '';display: block;position: absolute;width: 14px; height: 14px;top: 45px;background: o-color('o-color-1');box-shadow: 0 0 5px rgba(0,0,0,.40); border-radius: 15px; z-index: 1;right: -7px;} #sh_all_in_one_snippet_40:after {position: absolute;content: "";width: 1px;height: 100%;top: 0;left: 50%; margin-left: 0;background: o-color('o-color-1');} #sh_all_in_one_snippet_40 .sh_content:before{content: '';display: block;position: absolute;width: 0;height: 0;border-style: solid;border-color: transparent #dddddd transparent transparent;top: 26px;border-width: 11px;right: 100%;} #sh_all_in_one_snippet_40 .sh_content:after {content: '';display: block;position: absolute;width: 0;height: 0;border-style: solid;border-color: transparent #ffffff transparent transparent;top: 27px;border-width: 10px;right: 100%;} @media (max-width: 768px){ #sh_all_in_one_snippet_40 .sh_time{text-align: left;} #sh_all_in_one_snippet_40 .sh_time p:after{right: auto;left: 10px;} #sh_all_in_one_snippet_40 .sh_time p{padding-left: 15px;} #sh_all_in_one_snippet_40:after{display: none;} } /* snippet 41 */ #sh_all_in_one_snippet_41{position: relative;} #sh_all_in_one_snippet_41 .sh_time{font-size: 14px;font-weight: 600;margin: 41px 0 0 0;text-align: left;} #sh_all_in_one_snippet_41 .sh_time p{margin-bottom: 0;} #sh_all_in_one_snippet_41 .sh_content{position: relative;display: inline-block;margin: 15px;padding: 20px;border: 1px solid #dddddd;border-radius: 6px;background: #ffffff;float: right;} #sh_all_in_one_snippet_41 .sh_content .sh_icon{position: relative;width: 40px;height: auto;float: left;} #sh_all_in_one_snippet_41 .sh_content .sh_icon span{font-size: 25px;color: o-color('o-color-1');font-weight: 600;} #sh_all_in_one_snippet_41 .sh_content .sh_des{position: relative;width: calc(100% - 40px);float: left;} #sh_all_in_one_snippet_41 .sh_content .sh_des h3{font-size: 16px;font-weight: 600;margin-bottom: 3px;} #sh_all_in_one_snippet_41 .sh_content .sh_des p{font-size: 14px;font-weight: 400;margin-bottom: 0;} #sh_all_in_one_snippet_41 .sh_time p:after {content: '';display: block;position: absolute;width: 14px; height: 14px;top: 45px;background: o-color('o-color-1');box-shadow: 0 0 5px rgba(0,0,0,.40); border-radius: 15px; z-index: 1;left: -7px;} #sh_all_in_one_snippet_41:after {position: absolute;content: "";width: 1px;height: 100%;top: 0;left: 50%; margin-left: 0;background: #4F84C4;} #sh_all_in_one_snippet_41 .sh_content:before{content: '';display: block;position: absolute;width: 0;height: 0;border-style: solid;border-color: transparent transparent transparent #dddddd;top: 26px;border-width: 11px;left: 100%;} #sh_all_in_one_snippet_41 .sh_content:after {content: '';display: block;position: absolute;width: 0;height: 0;border-style: solid;border-color: transparent transparent transparent #ffffff;top: 27px;border-width: 10px;left: 100%;} @media (max-width: 768px){ #sh_all_in_one_snippet_41 .sh_content{float: left;} #sh_all_in_one_snippet_41 .sh_content:after{left: auto;right: 100%;border-color: transparent #ffffff transparent transparent;} #sh_all_in_one_snippet_41 .sh_content:before{left: auto;right: 100%;border-color: transparent #dddddd transparent transparent;} #sh_all_in_one_snippet_41 .row .col-lg-6:first-child{-webkit-order: 1;order: 1;} #sh_all_in_one_snippet_41 .sh_time p:after{left: 10px;} #sh_all_in_one_snippet_41 .sh_time p{padding-left: 15px;} #sh_all_in_one_snippet_41:after{display: none;} } /* snippet 42 */ #sh_all_in_one_snippet_42 .sh_content .sh_time{display: table-cell;vertical-align: top;position: relative;} #sh_all_in_one_snippet_42 .sh_content .sh_time:before{content: '';width: 1px;height: 100%;background: #d2d2d2;position: absolute;top: 0;left: 50%;} #sh_all_in_one_snippet_42 .sh_content .sh_time h4{background: o-color('o-color-1');width: 108px;height: 108px;border-radius: 50%;text-align: center;color: #fff;font-size: 28px;line-height: 108px;font-weight: 600;position: relative;margin-bottom: 0;} #sh_all_in_one_snippet_42 .sh_content .sh_des{display: table-cell;vertical-align: top;padding-left: 70px;padding-top: 10px;padding-bottom: 10px;} #sh_all_in_one_snippet_42 .sh_content .sh_des h4{font-weight: 600;font-size: 26px;color: #242424;letter-spacing: 0;margin-bottom: 20px;text-transform: capitalize;} #sh_all_in_one_snippet_42 .sh_content .sh_des p{color: #777;font-size: 16px;line-height: 28px;margin-bottom: 0;} @media (max-width: 768px){ #sh_all_in_one_snippet_42 .sh_content .sh_time h4{width: 90px;height: 90px;line-height: 90px;font-size: 20px;} #sh_all_in_one_snippet_42 .sh_content .sh_des{padding-left: 50px;} } @media (max-width: 576px){ #sh_all_in_one_snippet_42 .sh_content .sh_time h4{width: 70px;height: 70px;line-height: 70px;font-size: 16px;} #sh_all_in_one_snippet_42 .sh_content .sh_des{padding-left: 20px;} } /* snippet 42 */ /* snippet 43 */ #sh_all_in_one_snippet_43 .sh_content{display: flex;position: relative;padding: 15px 0 0;} #sh_all_in_one_snippet_43 .sh_content .sh_icon span{width: 30px;height: 30px;background: o-color('o-color-1');color: #fff;text-align: center;border-radius: 50%;line-height: 30px;font-size: 14px;} #sh_all_in_one_snippet_43 .sh_content .sh_right{margin-left: 30px;box-shadow: 0 5px 15px rgba(0,0,0,.08);} #sh_all_in_one_snippet_43 .sh_content .sh_title{padding: 15px 30px;border-bottom: 1px solid #e5e5e5;} #sh_all_in_one_snippet_43 .sh_content .sh_title h4{margin: 0;font-size: 20px;text-transform: capitalize;font-weight: 600;color: o-color('o-color-1');} #sh_all_in_one_snippet_43 .sh_content .sh_body{padding: 15px 30px;color: #777;} #sh_all_in_one_snippet_43 .sh_content .sh_body p{margin: 0;} #sh_all_in_one_snippet_43 .sh_content:before {background: #dadee4;content: "";height: 100%;left: 15px;position: absolute;top: 20px;width: 2px;z-index: -1;} /* snippet 43 */ /* snippet 44 */ #sh_all_in_one_snippet_44 .sh_content{display: flex;align-items: center;} #sh_all_in_one_snippet_44 .sh_content .sh_left_content{position: relative;width: 50%;max-width: 50%;padding-right: 50px;padding-top: 10px;padding-bottom: 10px;} #sh_all_in_one_snippet_44 .sh_content .sh_left_content h6{text-transform: uppercase;letter-spacing: .1em;font-weight: 600;font-size: 14px;margin-bottom: 20px;text-align: right;} #sh_all_in_one_snippet_44 .sh_content .sh_img{text-align: right;} #sh_all_in_one_snippet_44 .sh_content .sh_img img{width: 70%;height: 200px;object-fit: cover;} #sh_all_in_one_snippet_44 .sh_content p{text-align: right;color: #999;margin-bottom: 0;margin-top: 20px;width: 70%;margin-left: auto;} #sh_all_in_one_snippet_44 .sh_content .sh_right_content h2{font-size: 50px;font-weight: 600;color: #ddd;padding-left: 50px;margin-bottom: 0;} #sh_all_in_one_snippet_44 .sh_content .sh_left_content:before {content: '';position: absolute;top: 0;right: -10px;width: 20px;height: 20px;background: o-color('o-color-1');border-radius: 50%;} #sh_all_in_one_snippet_44 .sh_content .sh_left_content:after{content: '';position: absolute;right: 0px; width: 1px;height: 100%;top: 0;background: #eee;z-index: -1;} @media (max-width: 768px){ #sh_all_in_one_snippet_44 .sh_content .sh_left_content{padding-top: 0px;padding-right: 25px;} #sh_all_in_one_snippet_44 .sh_content .sh_img img{height: 150px;width: 100%;} #sh_all_in_one_snippet_44 .sh_content p{width: 100%;} #sh_all_in_one_snippet_44 .sh_content .sh_right_content h2{padding-left: 25px;font-size: 34px;} } @media (max-width: 576px){ #sh_all_in_one_snippet_44 .sh_content{display: block;} #sh_all_in_one_snippet_44 .sh_content .sh_left_content{max-width: 100%;width: 100%;padding-right: 0;padding-left: 35px;} #sh_all_in_one_snippet_44 .sh_content .sh_left_content h6{text-align: left;} #sh_all_in_one_snippet_44 .sh_content .sh_left_content:before{left: 0;} #sh_all_in_one_snippet_44 .sh_content .sh_left_content:after{left: 10px;} #sh_all_in_one_snippet_44 .sh_content p{text-align: left;} } /* snippet 44 */ /* snippet 45 */ #sh_all_in_one_snippet_45 .sh_content{display: flex;align-items: center;} #sh_all_in_one_snippet_45 .sh_content .sh_left_content{position: relative;width: 50%;max-width: 50%;padding-left: 50px;padding-top: 10px;padding-bottom: 10px;} #sh_all_in_one_snippet_45 .sh_content .sh_left_content h6{text-transform: uppercase;letter-spacing: .1em;font-weight: 600;font-size: 14px;margin-bottom: 20px;text-align: left;} #sh_all_in_one_snippet_45 .sh_content .sh_img{text-align: left;} #sh_all_in_one_snippet_45 .sh_content .sh_img img{width: 70%;height: 200px;object-fit: cover;} #sh_all_in_one_snippet_45 .sh_content p{text-align: left;color: #999;margin-bottom: 0;margin-top: 20px;width: 70%;margin-left: 0;} #sh_all_in_one_snippet_45 .sh_content .sh_right_content h2{font-size: 50px;font-weight: 600;color: #ddd;padding-right: 50px;margin-bottom: 0;} #sh_all_in_one_snippet_45 .sh_content .sh_left_content:before {content: '';position: absolute;top: 0;left: -10px;width: 20px;height: 20px;background: o-color('o-color-1');border-radius: 50%;} #sh_all_in_one_snippet_45 .sh_content .sh_left_content:after{content: '';position: absolute;left: 0px; width: 1px;height: 100%;top: 0;background: #eee;z-index: -1;} #sh_all_in_one_snippet_45 .sh_content .sh_right_content{width: 50%;text-align: right;} @media (max-width: 768px){ #sh_all_in_one_snippet_45 .sh_content .sh_img img{width: 100%;height: 150px;} #sh_all_in_one_snippet_45 .sh_content .sh_left_content{padding-left: 25px;} #sh_all_in_one_snippet_45 .sh_content .sh_right_content h2{padding-right: 25px;font-size: 34px;} #sh_all_in_one_snippet_45 .sh_content p{width: 100%;} } @media (max-width: 576px){ #sh_all_in_one_snippet_45 .sh_content{flex-direction: column;justify-content: left;} #sh_all_in_one_snippet_45 .sh_content .sh_right_content{width: 100%;order: 3;text-align: left;padding-left: 35px;} #sh_all_in_one_snippet_45 .sh_content .sh_left_content{width: 100%;max-width: 100%;padding-left: 35px;} #sh_all_in_one_snippet_45 .sh_content .sh_left_content:before{left: 0;} #sh_all_in_one_snippet_45 .sh_content .sh_left_content:after{left: 10px;} } /* snippet 45 */ // timeline snippet 39 start // #sh_timeline_snippet_section_39 { width: 100%; height: auto; padding: 100px 0px 0px 0px; position: relative !important; background-size: cover !important; background-position: center !important; background-attachment: fixed !important; background-repeat: no-repeat !important; } #sh_timeline_snippet_section_39, .oe_img_bg, [data-oe-shape-data], .o_background_video, .parallax, section > *, .oe_img_bg > *, [data-oe-shape-data] > *, .o_background_video > *, .parallax > * { position: unset; } #sh_timeline_snippet_section_39 .overlay { background-color: rgba(2, 2, 2, 0.9); opacity: 1; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } #sh_timeline_snippet_section_39 .sh_heading { position: relative; padding-left: 70px; position: relative; display: inline-block; color: #ffffff; font-size: 30px; } #sh_timeline_snippet_section_39 .sh_heading:before { content: ""; width: 54px; height: 3px; position: absolute; top: 21px; left: 0; background-color: o-color(o-color-1); } #sh_timeline_snippet_section_39 .sh_heading_text { color: #d4d4d4; font-size: 16px; line-height: 30px; } #sh_timeline_snippet_section_39 .sh_timeline { width: 100%; position: relative; } #sh_timeline_snippet_section_39 .sh_timeline_container { margin: 40px 0px 0px 0px; } #sh_timeline_snippet_section_39 .sh_history { max-width: 970px; margin: 0 auto; padding-top: 34px; padding-bottom: 70px; position: relative; direction: ltr; } #sh_timeline_snippet_section_39 .sh_timeline_history { text-align: center; line-height: 101px; width: 101px; height: 101px; color: #f6f6f6; font-size: 28px; font-weight: 700; border-radius: 101px; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 99; background-color: o-color(o-color-1); } #sh_timeline_snippet_section_39 .sh_history:before { content: ""; width: 0; height: 140px; border-left: 1px dashed rgba(255, 255, 255, 0.3); position: absolute; top: 0; left: 0; right: 0; margin: auto; } @media screen and (max-width: 768px) { #sh_timeline_snippet_section_39 .sh_timeline_even .sh_timeline_content span { font-size: 15px; } #sh_timeline_snippet_section_39 .sh_timeline_odd .sh_timeline_content span { font-size: 15px; } } @media screen and (max-width: 760px) { #sh_timeline_snippet_section_39 { padding: 40px 0px; } #sh_timeline_snippet_section_39 .sh_history { padding-top: 34px; } #sh_timeline_snippet_section_39 .sh_heading { font-size: 25px; } } // timeline snippet 39 end // // timeline snippet 40 start // #sh_timeline_snippet_section_40 { width: 100%; height: auto; padding: 0px 0px; position: relative !important; background-size: cover !important; background-position: center !important; background-attachment: fixed !important; background-repeat: no-repeat !important; } #sh_timeline_snippet_section_40, .oe_img_bg, [data-oe-shape-data], .o_background_video, .parallax, section > *, .oe_img_bg > *, [data-oe-shape-data] > *, .o_background_video > *, .parallax > * { position: unset; } #sh_timeline_snippet_section_40 .overlay { background-color: rgba(2, 2, 2, 0.9); opacity: 1; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } #sh_timeline_snippet_section_40 .sh_timeline { width: 100%; position: relative; } #sh_timeline_snippet_section_40 .sh_timeline_container { margin: 40px 0px 0px 0px; } #sh_timeline_snippet_section_40 .sh_history { max-width: 970px; margin: 0 auto; top: -130px; position: relative; direction: ltr; } #sh_timeline_snippet_section_40 .sh_timeline_history { text-align: center; line-height: 101px; width: 101px; height: 101px; color: #f6f6f6; font-size: 28px; font-weight: 700; border-radius: 101px; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 99; background-color: o-color(o-color-1); } #sh_timeline_snippet_section_40 .sh_history:before { content: ""; width: 0; height: 140px; border-left: 1px dashed rgba(255, 255, 255, 0.3); position: absolute; top: 0; left: 0; right: 0; margin: auto; } #sh_timeline_snippet_section_40 .sh_timeline_main { display: flex; flex-wrap: wrap; } #sh_timeline_snippet_section_40 .sh_timeline_odd { width: 50%; } #sh_timeline_snippet_section_40 .sh_timeline_odd .sh_timeline_item { text-align: right; position: relative; z-index: 1; margin-bottom: 21px; padding-right: 124px; margin-top: 120px; } // 768{ // padding-right: 40px; // } #sh_timeline_snippet_section_40 .sh_timeline_odd .sh_timeline_content h3 { font-size: 26px; margin-bottom: 8px; color: #f6f6f6; font-weight: 600; } // 768{ // font-size: 18px; // } #sh_timeline_snippet_section_40 .sh_timeline_odd .sh_timeline_item :before { content: ""; height: 0; width: 114px; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); position: absolute; top: 15px; right: 0; z-index: -1; } // 768{ // width: 30px; // } #sh_timeline_snippet_section_40 .sh_timeline_odd .sh_timeline_item :after { content: ""; width: 21px; height: 21px; border-radius: 21px; position: absolute; top: 4px; right: -11px; background-color: o-color(o-color-1); } #sh_timeline_snippet_section_40 .sh_timeline_odd .sh_timeline_content span { font-size: 18px; line-height: 26px; color: #bcbcbc; } @media screen and (max-width:760px) { #sh_timeline_snippet_section_40 .sh_timeline_odd .sh_timeline_content span{ font-size: 12px; } #sh_timeline_snippet_section_40 .sh_timeline_odd .sh_timeline_content h3{ font-size: 18px; } #sh_timeline_snippet_section_40 .sh_timeline_odd .sh_timeline_item :before{ width:30px; } #sh_timeline_snippet_section_40 .sh_timeline_odd .sh_timeline_item{ padding-right: 40px; } } // timeline snippet 40 end // // timeline snippet 41 end // #sh_timeline_snippet_section_41 { width: 100%; height: auto; padding: 0px 0px; position: relative !important; background-size: cover !important; background-position: center !important; background-attachment: fixed !important; background-repeat: no-repeat !important; } #sh_timeline_snippet_section_41, .oe_img_bg, [data-oe-shape-data], .o_background_video, .parallax, section > *, .oe_img_bg > *, [data-oe-shape-data] > *, .o_background_video > *, .parallax > * { position: unset; } #sh_timeline_snippet_section_41 .overlay { background-color: rgba(2, 2, 2, 0.9); opacity: 1; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } #sh_timeline_snippet_section_41 .sh_timeline { width: 100%; position: relative; } #sh_timeline_snippet_section_41 .sh_timeline_container { margin: 40px 0px 0px 0px; } #sh_timeline_snippet_section_41 .sh_history { max-width: 970px; margin: 0 auto; top: -260px; position: relative; direction: rtl; } #sh_timeline_snippet_section_41 .sh_timeline_history { text-align: center; line-height: 101px; width: 101px; height: 101px; color: #f6f6f6; font-size: 28px; font-weight: 700; border-radius: 101px; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 99; background-color: o-color(o-color-1); } #sh_timeline_snippet_section_41 .sh_history:before { content: ""; width: 0; height: 140px; border-left: 1px dashed rgba(255, 255, 255, 0.3); position: absolute; top: 0; left: 0; right: 0; margin: auto; } #sh_timeline_snippet_section_41 .sh_timeline_main { display: flex; flex-wrap: wrap; } #sh_timeline_snippet_section_41 .sh_timeline_even { width: 50%; } #sh_timeline_snippet_section_41 .sh_timeline_even .sh_timeline_item { padding-left: 124px; position: relative; z-index: 1; margin-bottom: 21px; padding-right: 0; margin-top: 60px; } #sh_timeline_snippet_section_41 .sh_timeline_even .sh_timeline_content h3 { font-size: 26px; margin-bottom: 8px; color: #f6f6f6; font-weight: 600; } #sh_timeline_snippet_section_41 .sh_timeline_even .sh_timeline_item:before { content: ""; height: 0; width: 114px; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); position: absolute; top: 15px; z-index: -1; right: auto; left: 0; } #sh_timeline_snippet_section_41 .sh_timeline_even .sh_timeline_item:after { content: ""; width: 21px; height: 21px; border-radius: 21px; position: absolute; top: 4px; right: auto; left: -11px; background: o-color(o-color-1); } #sh_timeline_snippet_section_41 .sh_timeline_even .sh_timeline_content span { font-size: 18px; line-height: 26px; color: #bcbcbc; } @media screen and (max-width:760px) { #sh_timeline_snippet_section_41 .sh_timeline_even .sh_timeline_item{ padding-left: 40px; } #sh_timeline_snippet_section_41 .sh_timeline_even .sh_timeline_content span{ font-size: 12px; } #sh_timeline_snippet_section_41 .sh_timeline_even .sh_timeline_content h3{ font-size: 18px; } #sh_timeline_snippet_section_41 .sh_timeline_even .sh_timeline_item :before{ width:30px; } } @media screen and (max-width:360px) { #sh_timeline_snippet_section_41 .sh_history{ top:-258px; } } // timeline snippet 41 end // // timeline 42 start // #sh_timeline_snippet_section_42 { width: 100%; height: auto; padding: 0px 0px; position: relative !important; background-size: cover !important; background-position: center !important; background-attachment: fixed !important; background-repeat: no-repeat !important; } #sh_timeline_snippet_section_42, .oe_img_bg, [data-oe-shape-data], .o_background_video, .parallax, section > *, .oe_img_bg > *, [data-oe-shape-data] > *, .o_background_video > *, .parallax > * { position: unset; } #sh_timeline_snippet_section_42 .overlay { background-color: rgba(2, 2, 2, 0.9); opacity: 1; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } #sh_timeline_snippet_section_42 .sh_timeline { width: 100%; position: relative; } #sh_timeline_snippet_section_42 .sh_timeline_container { margin: 40px 0px 0px 0px; } #sh_timeline_snippet_section_42 .sh_history { max-width: 970px; margin: 0 auto; top: -185px; position: relative; direction: rtl; } #sh_timeline_snippet_section_42 .sh_timeline_history { text-align: center; line-height: 101px; width: 101px; height: 101px; color: #f6f6f6; font-size: 28px; font-weight: 700; border-radius: 101px; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 99; background-color: o-color(o-color-1); } #sh_timeline_snippet_section_42 .sh_history:before { content: ""; width: 0; height: 140px; border-left: 1px dashed rgba(255, 255, 255, 0.3); position: absolute; top: 0; left: 0; right: 0; margin: auto; display: none; } #sh_timeline_snippet_section_42 .sh_timeline_image{ height:120px; width:120px; border-radius: 120px; border: 2px solid #474747; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; } #sh_timeline_snippet_section_42 .sh_timeline_image img{ border-radius: 150px; box-shadow: none; height: auto; max-width: 100%; border: none; height:100%; width:100%; } @media screen and (max-width:760px) { #sh_timeline_snippet_section_42 .sh_timeline_image{ height:100px; width:100px; border-radius: 100px; } #sh_timeline_snippet_section_42 .sh_timeline_container { margin: 100px 0px 0px 0px; } } @media screen and (max-width:567px) { #sh_timeline_snippet_section_42 .sh_timeline_image{ bottom: 86px; } } // timeline 42 end // // timeline 43 start // #sh_timeline_snippet_section_43{width:100%; padding:100px 0px 50px 0px;position: relative;} #sh_timeline_snippet_section_43 .sh_header_content{text-align: center; width:100%;} #sh_timeline_snippet_section_43 .sh_header_content h2{text-align: center; font-size:35px; position: relative;} #sh_timeline_snippet_section_43 .sh_header_content h2:before{ margin: 0 auto 21px; content: ''; display: block; width: 45px !important; height: 5px !important; background-color:o-color(o-color-1) !important; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); } #sh_timeline_snippet_section_43 .sh_header_content p{text-align: center; font-size:16px; color:#999;} #sh_timeline_snippet_section_43 .second-row{ margin-top: 50px; } #sh_timeline_snippet_section_43 .main-row .sh_item{ margin-bottom: 45px; width:100%; } #sh_timeline_snippet_section_43 .main-row .sh_item:last-child{ margin-bottom: 0px; } #sh_timeline_snippet_section_43 .sh_history_year{ display: inline-block; vertical-align: middle; line-height: 1.6; border-right-width: 5px; border-right-style: solid; font-size: 30px; font-weight: 300; padding: 0 31px 0 0; margin: 0 22px 0 0; border-right-color:o-color(o-color-1); color: #999; } #sh_timeline_snippet_section_43 .sh_history_title{ display: inline-block; vertical-align: middle; margin: 0; text-transform: uppercase; letter-spacing: -.2px; color: #002040; font-size: 24px; font-weight: 700; line-height: 30px; } #sh_timeline_snippet_section_43 .sh_history_text{ margin-top: 15px; } #sh_timeline_snippet_section_43 .sh_history_text p{ margin-bottom: 26px; line-height: 30px; color: #999; } @media screen and (max-width:768px) { #sh_timeline_snippet_section_43{ padding: 70px 0px 50px 0px; } } @media screen and (max-width:760px) { #sh_timeline_snippet_section_43 .sh_history_year{ border: none; } #sh_timeline_snippet_section_43{ padding: 50px 0px 0px 0px; } } // timeline 43 end // /* ######## timeline snippet ######## */ /* ######## call to action ######## */ /* snippet 46 */ #sh_all_in_one_snippet_46 {background: url(/sh_all_in_one_snippets/static/src/img/25.jpg);padding: 70px 0;position: relative; background-size: cover;background-repeat: no-repeat;overflow: hidden;} #sh_all_in_one_snippet_46:before {content: '';position: absolute;top: 0;left: 0;background: #000;width: 100%;height: 100%;opacity: .5;pointer-events: none;z-index: 0;} #sh_all_in_one_snippet_46:after{top: 0;right: -240px;width: 50%;content: "";height: 100%;position: absolute;transform: skew(-30deg);background-color: o-color('o-color-1');z-index: 1;opacity: 0.8;} #sh_all_in_one_snippet_46 .sh_left_content span{font-size: 18px;font-weight: 700;padding-left: 75px;position: relative;color: #fff;} #sh_all_in_one_snippet_46 .sh_left_content h2{font-size: 44px;font-weight: 700;color: #fff;} #sh_all_in_one_snippet_46 .sh_left_content p{font-size: 20px;padding-top: 25px;color: #fff;margin: 0;} #sh_all_in_one_snippet_46 .sh_right_btn{float: right;position: relative;z-index: 2;} #sh_all_in_one_snippet_46 .sh_right_btn a{border-color: #fff;color: #fff;padding: 12px 40px;border-width: 2px;text-transform: capitalize;font-weight: 600;font-size: 18px;transition: all .4s;} #sh_all_in_one_snippet_46 .row{align-items: center;} #sh_all_in_one_snippet_46 .sh_right_btn a:hover{background: #fff;color: #333;} #sh_all_in_one_snippet_46 .sh_left_content span:after{left: 0;top: 50%;content: "";height: 3px;width: 60px;position: absolute;background: #fff;transform: translateY(-50%);} @media (max-width: 768px){ #sh_all_in_one_snippet_46 .sh_right_btn{float: left;margin-top: 20px;} } @media (max-width: 576px){ #sh_all_in_one_snippet_46 .sh_left_content h2{font-size: 30px;} #sh_all_in_one_snippet_46 .sh_left_content p{font-size: 16px;padding-top: 5px;} } /* snippet 46 */ /* snippet 47 */ #sh_all_in_one_snippet_47{position: relative;padding: 50px 0;background: url(/sh_all_in_one_snippets/static/src/img/26.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;} #sh_all_in_one_snippet_47:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.7;pointer-events: none;} #sh_all_in_one_snippet_47 .sh_content{text-align: center;font-weight: 400;font-size: 22px;color: #fff;padding-top: 20px;padding-bottom: 20px;position: relative;z-index: 1;} #sh_all_in_one_snippet_47 .sh_content a{background: #fff;text-transform: capitalize;padding: 10px 30px;border-radius: 30px;border-top-right-radius: 0;} #sh_all_in_one_snippet_47 .sh_content p{margin-bottom: 30px;letter-spacing: 1px;} /* snippet 47 */ /* snippet 48 */ #sh_all_in_one_snippet_48{position: relative;padding: 50px 0;background: url(/sh_all_in_one_snippets/static/src/img/27.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;margin-top: 50px;} #sh_all_in_one_snippet_48:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: o-color('o-color-1');opacity: 0.7;pointer-events: none;} #sh_all_in_one_snippet_48 .sh_content{padding-top: 20px;padding-bottom: 20px;position: relative;z-index: 1;text-align: center;} #sh_all_in_one_snippet_48 .sh_content h3{font-size: 30px;font-weight: 600;color: #fff;text-transform: uppercase;margin-bottom: 20px;} #sh_all_in_one_snippet_48 .sh_content p{color: #fff;margin-bottom: 0;width: 85%;margin: auto;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} #sh_all_in_one_snippet_48 .sh_content .sh_btn{margin-top: 40px;} #sh_all_in_one_snippet_48 .sh_content .sh_btn a{padding: 10px 30px;background: #fff;color: o-color('o-color-1');font-weight: 600;font-size: 16px;letter-spacing: 0.7px;margin: 0 10px;border-width: 2px;} #sh_all_in_one_snippet_48 .sh_content .sh_btn a:last-child{padding: 10px 30px;color: #fff;border-color: #fff;font-weight: 600;font-size: 16px;letter-spacing: 0.7px;margin: 0 10px;border-width: 2px;background: transparent;transition: all .4s;} #sh_all_in_one_snippet_48 .sh_content .sh_btn a:last-child:hover{background: #fff;color: o-color('o-color-1');} @media (max-width: 576px){ #sh_all_in_one_snippet_48 .sh_content h3{font-size: 22px;} #sh_all_in_one_snippet_48 .sh_content .sh_btn a, #sh_all_in_one_snippet_48 .sh_content .sh_btn a:last-child{padding: 10px 20px;} } /* snippet 48 */ /* snippet 49 */ #sh_all_in_one_snippet_49{background: o-color('o-color-1');padding: 50px 0;} #sh_all_in_one_snippet_49 .row{align-items: center;} #sh_all_in_one_snippet_49 h2{position: relative;color: #fff;font-size: 36px;font-weight: 600;padding-left: 100px;margin-bottom: 0;} #sh_all_in_one_snippet_49 h2 span{position: absolute;left: 0;top: 15px;font-size: 60px;color: o-color('o-color-2');} #sh_all_in_one_snippet_49 .sh_content{position: relative;display: flex;align-items: center;-webkit-box-pack: justify;justify-content: space-between;flex-wrap: wrap;} #sh_all_in_one_snippet_49 .sh_content .sh_contant_info{position: relative;padding-left: 60px;} #sh_all_in_one_snippet_49 .sh_content .sh_contant_info .sh_icon{position: absolute;font-size: 40px;line-height: 50px;left: 0;color: o-color('o-color-2');} #sh_all_in_one_snippet_49 .sh_content h4{font-size: 22px;font-weight: 600;color: #fff;margin-bottom: 0;} #sh_all_in_one_snippet_49 .sh_content .sh_contant_info a{position: relative;font-size: 14px; color: #ffffff; text-decoration: none;transition: all .4s;} #sh_all_in_one_snippet_49 .sh_content a.btn{background: o-color('o-color-2');color: #fff;padding: 10px 30px;font-weight: 600;} #sh_all_in_one_snippet_49 .sh_content .sh_contant_info a:hover{color: o-color('o-color-2');} @media (max-width: 991px){ #sh_all_in_one_snippet_49 .sh_content{margin-top: 30px;} } @media (max-width: 768px){ #sh_all_in_one_snippet_49 h2{font-size: 30px;} } @media (max-width: 576px){ #sh_all_in_one_snippet_49 h2{font-size: 20px;padding-left: 60px;} #sh_all_in_one_snippet_49 h2 span{font-size: 36px;top: 7px;} #sh_all_in_one_snippet_49 .sh_content a.btn{margin-top: 20px;} #sh_all_in_one_snippet_49 .sh_content{display: block;} } // start blog 16// #sh_call_to_action_16 { padding: 50px 0; position: relative; width: 90%; margin: 0px auto; border-radius: 10px; margin: 10px auto; } #sh_call_to_action_16 .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 10px; background-color: transparent; background-image: linear-gradient(90deg, o-color(o-color-1) 100%, o-color(o-color-1) 100%); opacity: 0.9; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } #sh_call_to_action_16 .sh_info { padding-left: 35px; } #sh_call_to_action_16 .sh_info_box { transition: 0.3s; position: relative; margin-top: 30px; padding-left: 30px; } #sh_call_to_action_16 .sh_info_box:last-child { margin-bottom: 0; border-bottom: 0; } #sh_call_to_action_16 .sh_info_box:first-child { margin-top: 0; } #sh_call_to_action_16 .sh_icon { font-size: 18px; color: o-color(o-color-1) !important; background-color: #ffffff; transition: 0.3s; width: 50px; height: 50px; text-align: center; padding-top: 12px; border-radius: 50%; position: absolute; left: 0; } #sh_call_to_action_16 .sh_title { color: #ffffff; margin: 0px 0px 3px 0px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; line-height: 1.4; } #sh_call_to_action_16 .sh_details { color: #ffffff; font-size: 18px; font-weight: 600; } #sh_call_to_action_16 .sh_btn { background-color: #ffffff; border-radius: 5px; margin: 0px; padding: 17px 35px 17px 35px; color: o-color(o-color-1); width: 150px; transition: 0.5s; } #sh_call_to_action_16 .sh_btn:hover{ background-color: o-color(o-color-1); color: #fff; } #sh_call_to_action_16 .sh_btn:hover a{ color: #fff; } #sh_call_to_action_16 .sh_btn a{text-decoration: none; transition: 0.5s;} @media screen and (max-width: 768px) { #sh_call_to_action_16 .sh_box { margin-bottom: 30px; } } @media screen and (max-width: 567px) { #sh_call_to_action_16 .sh_btn { margin: 0px auto; } } // end blog 16// // start blog 17 // #sh_call_to_action_17 { padding: 100px 0; position: relative; width: 100%; } #sh_call_to_action_17 .sh_main_box { position: relative; background-color: #495057; padding: 50px 50px 50px 200px; margin: 0% 0% 0% 30%; } #sh_call_to_action_17 .sh_main_box .sh_box_content { justify-content: flex-start; text-align: left; display: flex; } #sh_call_to_action_17 .sh_main_box .sh_text { padding-right: 20px; } #sh_call_to_action_17 .sh_main_box .sh_title { color: #ffffff; word-wrap: break-word; max-width: 100%; margin-bottom: 5px; font-family: Lexend; font-weight: 600; font-size: 25px; } #sh_call_to_action_17 .sh_main_box .sh_sub_text { color: #fff; font-size: 16px; text-align: left; font-weight: 400; display: -webkit-box;max-width: 100%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; } #sh_call_to_action_17 .sh_main_box .sh_button { text-align: right; white-space: nowrap; } #sh_call_to_action_17 .sh_main_box .sh_button .sh_btn { background-image: linear-gradient(180deg, o-color(o-color-1) 100%, o-color(o-color-1) 0%); border-radius: 20px; color: #ffffff; font-size: 16px; line-height: 20px; padding: 28px 30px 28px 30px; text-align: center; overflow: hidden; transition: all 0.5s cubic-bezier(0.4, 1, 0.3, 1); display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; border: none; text-decoration: none; } #sh_call_to_action_17 .sh_main_box .sh_button .sh_btn span { overflow: hidden; position: relative; } #sh_call_to_action_17 .sh_main_box .sh_button .sh_btn span span { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } #sh_call_to_action_17 .sh_main_box .sh_button .sh_btn .sh_icon { margin: 0px 7px 7px 7px; font-size: 22px; text-align: center; transition: all 0.4s ease; } #sh_call_to_action_17 .sh_img { position: absolute; top: 0px; left:0px; z-index: 3; width: 600px; height: 300px; } #sh_call_to_action_17 .sh_img img { height: 100%; width: 100%; } @media screen and (max-width: 768px) { #sh_call_to_action_17 .sh_img { display: none; } #sh_call_to_action_17 .sh_main_box { position: relative; background-color: #495057; padding: 50px 20px 50px 20px; margin: 0; } #sh_call_to_action_17 .sh_main_box .sh_box_content { justify-content: center; text-align: center; display: flex; flex-direction: column; } #sh_call_to_action_17 .sh_main_box .sh_button { text-align: center; margin-top: 20px; } #sh_call_to_action_17 .sh_main_box .sh_button .sh_btn { padding: 20px 20px; } #sh_call_to_action_17 .sh_main_box .sh_sub_text { margin-top: 10px; text-align: center; } #sh_call_to_action_17 { padding: 50px 0px; } } @media screen and (max-width: 567px) { #sh_call_to_action_17 .sh_main_box .sh_text { padding: 0; } #sh_call_to_action_17 .sh_main_box { padding: 20px; } #sh_call_to_action_17 { padding: 20px 0px; } } // end blog 17// /* ######## call to action ######## */ /* ######## heading snippet ######## */ /* snippet 50 */ #sh_all_in_one_snippet_50 .sh_title{text-align: center;max-width: 80%;margin: 0 auto;} #sh_all_in_one_snippet_50 .sh_title span{font-size: 14px;color: o-color('o-color-1');font-weight: 600;letter-spacing: 0.7px;} #sh_all_in_one_snippet_50 .sh_title h4{color: #030d26;font-weight: 600;text-transform: uppercase;font-size: 30px;} #sh_all_in_one_snippet_50 .sh_title p{color: #777;padding-top: 15px;margin-top: 15px;margin-bottom: 0;position: relative;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} #sh_all_in_one_snippet_50 .sh_title p:after{content: '';position: absolute;top: 0;width: 50px;height: 2px;background: o-color('o-color-1');left: 50%;transform: translateX(-50%);} @media (max-width: 576px){ #sh_all_in_one_snippet_50 .sh_title{max-width: 100%;} } /* snippet 50 */ /* snippet 51 */ #sh_all_in_one_snippet_51{padding-top: 40px;} #sh_all_in_one_snippet_51 .sh_title{text-align: center;} #sh_all_in_one_snippet_51 .sh_title span{background: o-color('o-color-1');display: inline-block;color: #fff;font-weight: 700;line-height: 1;padding: 5px 8px;position: relative;z-index: 0;} #sh_all_in_one_snippet_51 .sh_title h4{font-size: 60px;font-weight: 700; color: #002e5b;letter-spacing: -1.8px;z-index: 1;position: relative;margin-bottom: 10px;text-transform: capitalize;} @media (max-width: 576px){ #sh_all_in_one_snippet_51 .sh_title h4{letter-spacing: normal;font-size: 40px;} } /* snippet 51 */ /* snippet 52 */ #sh_all_in_one_snippet_52{padding-top: 40px;} #sh_all_in_one_snippet_52 .sh_title{text-align: center;} #sh_all_in_one_snippet_52 .sh_title span{color: o-color('o-color-1');font-size: 18px;font-weight: 600;line-height: 23px;margin: 0px 0px 10px 0px;text-transform: capitalize;} #sh_all_in_one_snippet_52 .sh_title h4{color: #120F2D;margin: 0;font-size: 39px;font-weight: 800;line-height: 46px;text-transform: capitalize;} @media (max-width: 576px){ #sh_all_in_one_snippet_52 .sh_title h4{font-size: 36px;line-height: normal;} } /* snippet 52 */ /* snippet 53 */ #sh_all_in_one_snippet_53{padding-top: 40px;} #sh_all_in_one_snippet_53 .sh_title span{font-style: italic;color: o-color('o-color-1');margin-bottom: 10px;text-transform: capitalize;font-weight: 600;} #sh_all_in_one_snippet_53 .sh_title span:before{content: "";width: 20px;height: 2px;vertical-align: middle;margin-right: 10px;background: o-color('o-color-1');display: inline-block;} #sh_all_in_one_snippet_53 .sh_title h4{font-weight: 700;color: #252525;margin: 0;font-size: 36px;} /* snippet 53 */ /*-------------------------- sh_heading_snippet_section_50 ----------------------------*/ #sh_heading_snippet_section_50{ width: 100%; padding:30px 0px; position: relative; text-align: center; } #sh_heading_snippet_section_50 h2{ color: o-color(o-color-1); font-size: 50px; font-family: Herr Von Muellerhoff; font-weight: 400; } #sh_heading_snippet_section_50 h4{ font-size: 30px; font-weight: 500; } #sh_heading_snippet_section_50 .sh_icon{ font-size: 15px; text-align: center; } #sh_heading_snippet_section_50 .sh_icon span{ margin: 10px 5px; color: o-color(o-color-1); } /*-------------------------- sh_heading_snippet_section_50 ----------------------------*/ /*-------------------------- sh_heading_snippet_section_51 ----------------------------*/ #sh_heading_snippet_section_51{ width: 100%; padding:30px 0px; position: relative; text-align: center; } #sh_heading_snippet_section_51 h2{ font-size: 30px; font-weight: 400; text-transform: capitalize; } #sh_heading_snippet_section_51 h2 span{ background:o-color(o-color-1); border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 5px; color: #fff; box-shadow: 0 10px 20px #00000038; } #sh_heading_snippet_section_51 h4{ font-size: 40px; font-weight: 500; font-family: raleway,Sans-serif; margin-top: 20px; font-weight: 500; } #sh_heading_snippet_section_51 .sh_divider{ text-align: center; margin-left: auto!important; margin-right: auto!important; height: 5px;width: 95px; margin: 35px 0 40px; background-color:o-color(o-color-1); } /*-------------------------- sh_heading_snippet_section_51 ----------------------------*/ /*-------------------------- sh_heading_snippet_section_52 ----------------------------*/ #sh_heading_snippet_section_52{ width: 100%; padding:50px 0px; position: relative; text-align: center; } #sh_heading_snippet_section_52 h2{ font-size: 40px; font-weight: 400; text-transform: capitalize; position: relative; color: o-color(o-color-1); } #sh_heading_snippet_section_52 h2::before{ content: "\f015"; position: absolute; top: 100%; left: -65px; margin-top: -28px; font-size: 45px; width: 60px; padding-right:0px; text-align: center; border-right: 1px dashed rgb(38,163,135); display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: o-color(o-color-1); } #sh_heading_snippet_section_52 h2::after{ width: 20%; height: 2px; border-bottom:1px dashed o-color(o-color-1) ; text-align: center; content: ''; top: 56px; left: 40%; position: absolute; } #sh_heading_snippet_section_52 .sh_divider{ width:100%; border-bottom: 1px dashed rgba(160,160,160,0.4); } #sh_heading_snippet_section_52 h4{ font-size: 20px; font-weight: 500; color: #555555; margin-top: 20px; font-weight: 500; } @media screen and (max-width:768px) { #sh_heading_snippet_section_52 h2::before{ left: -18px; background: #fff; } } @media screen and (max-width:567px) { #sh_heading_snippet_section_52 h2::before{ display: none; } #sh_heading_snippet_section_52 h2::after { width: 80%; content: ''; top: 56px; left: 9%; position: absolute; } } /*-------------------------- sh_heading_snippet_section_52 ----------------------------*/ /* ######## heading snippet ######## */ /* ######## FAQ snippet ######## */ /* snippet 54 */ #sh_all_in_one_snippet_54 {position: relative;width: 100%;padding: 70px 0;} #sh_all_in_one_snippet_54 .sh_title {max-width: 800px;text-align: center;margin: 0 auto;padding-bottom: 50px;} #sh_all_in_one_snippet_54 .sh_title h2 {font-size: 32px;line-height: 45px;font-weight: bolder;} #sh_all_in_one_snippet_54 .sh_title p {padding-top: 10px;font-size: 17px;color: #828282;line-height: 28px;} #sh_all_in_one_snippet_54 .card {border: 0px;border-top: 2px solid rgba(0, 0, 0, 0.125);border-radius: 0;padding: 20px 0;} #sh_all_in_one_snippet_54 .card .card-header {border: 0px;background: #fff;padding-left: 0;padding-top: 20px;padding-right: 0px;} #sh_all_in_one_snippet_54 .card-header a {text-decoration: none;} #sh_all_in_one_snippet_54 .card-header a h5 .sh_one {height: 40px;width: 40px;border: 1px solid #bcc6d0;display: inline-block;border-radius: 50%;text-align: center;line-height: 40px;margin-right: 20px;} #sh_all_in_one_snippet_54 .card-body {padding-left: 65px;padding-top: 0;} #sh_all_in_one_snippet_54 .card-body p {margin: 0;line-height: 1.8;font-size: 15px;} #sh_all_in_one_snippet_54 .card-header a h5 .sh_text {font-size: 20px;font-weight: 400;} #sh_all_in_one_snippet_54 .card-header a h5 .sh_icon_down {float: right;padding-top: 10px;} #sh_all_in_one_snippet_54 .card-header a.collapsed h5 .sh_icon_down:before {content: "\f077";} @media only screen and (max-width: 400px) { #sh_all_in_one_snippet_54 .card-header a h5 .sh_one {max-width: 15%;display: inline-block;} #sh_all_in_one_snippet_54 .card-header a h5 .sh_text {width: 70%;display: inline-block;vertical-align: middle;} #sh_all_in_one_snippet_54 .card-header a h5 .sh_icon_down {float: none;max-width: 5%;display: inline-block;} } @media only screen and (max-width: 576px) { #sh_all_in_one_snippet_54 .card {padding: 10px 0px;} } /* snippet 54 */ /* snippet 55 */ #sh_all_in_one_snippet_55 {position: relative;width: 100%;padding: 70px 0;} #sh_all_in_one_snippet_55 .card-header {padding: 0;border: 0;} #sh_all_in_one_snippet_55 .card-header a {padding: 12px 20px 12px 20px;display: block;text-decoration: none;background: o-color("o-color-1");color: #ffffff;} #sh_all_in_one_snippet_55 .card-header a h5 .sh_one {height: 30px;width: 30px;text-align: center;line-height: 30px;border-radius: 5px;display: inline-block;vertical-align: top;color: o-color("o-color-1");background: #ffffff;margin-right: 20px;} #sh_all_in_one_snippet_55 .card-header a h5 .sh_icon_down {float: right;padding-top: 5px;} #sh_all_in_one_snippet_55 .card-header a h5 .sh_text {padding-top: 5px;display: inline-block;font-size: 17px;} #sh_all_in_one_snippet_55 .card-header a h5 {font-weight: 600;font-size: 16px;vertical-align: middle;} #sh_all_in_one_snippet_55 .card-body p {font-size: 15px;line-height: 1.9;color: #576477;font-weight: 400;} #sh_all_in_one_snippet_55 .card {margin-bottom: 10px;border-bottom: 1px;border: 1px dashed rgba(0, 0, 0, 0.125);} #sh_all_in_one_snippet_55 .card-header a.collapsed {background: #fff;color: o-color("o-color-1");} #sh_all_in_one_snippet_55 .card-header a.collapsed h5 .sh_one {color: #fff;background: o-color("o-color-1");} #sh_all_in_one_snippet_55 .card-header a.collapsed h5 .sh_icon_down {transform: rotate(-90deg);padding-right: 8px;} @media only screen and (max-width: 576px) { #sh_all_in_one_snippet_55 .card-header a h5 .sh_one {margin-right: 5px;} #sh_all_in_one_snippet_55 .card-header a h5 .sh_text {font-size: 13px;} #sh_all_in_one_snippet_55 .card-header a.collapsed h5 .sh_icon_down {padding-right: 0px;} } /* 28-10-2020 */ @media only screen and (max-width: 576px) { #sh_all_in_one_snippet_55 .card-header a h5 .sh_text {padding-top: 8px;} #sh_all_in_one_snippet_55 .card-header a h5 .sh_text {width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} } /* snippet 55 */ /* snippet 56 */ #sh_all_in_one_snippet_56 {padding: 70px 0;position: relative;} #sh_all_in_one_snippet_56 .sh_title {max-width: 800px;text-align: center;margin: 0 auto;padding-bottom: 50px;} #sh_all_in_one_snippet_56 .sh_title h2 {font-size: 32px;line-height: 45px;font-weight: bolder;} #sh_all_in_one_snippet_56 .sh_title p {padding-top: 10px;font-size: 16px;line-height: 28px;} #sh_all_in_one_snippet_56 a {text-decoration: none;} #sh_all_in_one_snippet_56 .accordion {padding-left: 40px;position: relative;} #sh_all_in_one_snippet_56 .card {border: 0;overflow: unset;} #sh_all_in_one_snippet_56 .card-header {background: transparent;border: 0;} #sh_all_in_one_snippet_56 .accordion .card-header a:before {background-color: o-color("o-color-1");content: "";left: -32px;top: 15px;position: absolute;height: 25px;width: 25px;border-radius: 50px;z-index: 9;} #sh_all_in_one_snippet_56 .accordion .card-header a:after {font-family: "FontAwesome";content: "\f068";float: right;color: #efbb20;font-size: 16px;letter-spacing: -2px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);float: left;color: #fff;font-size: 12px;left: -24px;right: auto;z-index: 99;top: 28px;} #sh_all_in_one_snippet_56 .accordion .card-header .collapsed:after {content: "\f067";color: #000;} #sh_all_in_one_snippet_56 .card-header {padding: 1rem 1.25rem 1.5rem;} #sh_all_in_one_snippet_56 a h5 {font-weight: 600;font-size: 18px;} #sh_all_in_one_snippet_56 p, #sh_all_in_one_snippet_56 li{font-size: 15px;line-height: 1.8;} #sh_all_in_one_snippet_56 .accordion:after {left: 20px;top: 20px;bottom: 20px;content: "";position: absolute;width: 3px;background-color: rgba(0, 0, 0, 0.05);} #sh_all_in_one_snippet_56 .accordion .card-header .collapsed:before {background-color: #ddd;} #sh_all_in_one_snippet_56 .accordion .card-header .collapsed h5 {color: #3d474a;} #sh_all_in_one_snippet_56 .accordion .card-header .collapsed h5:hover {color: o-color("o-color-1");} /* snippet 56 */ /* snippet 57 */ #sh_all_in_one_snippet_57 {margin-top: 50px;} #sh_all_in_one_snippet_57 .card {margin-bottom: 20px;border-radius: 0;border: 1px solid rgba(0, 0, 0, 0.125);} #sh_all_in_one_snippet_57 .card .card-header {background: none;border: none;padding: 0;} #sh_all_in_one_snippet_57 .card .card-header a {color: #2f2c2c;font-size: 18px;margin: 0; padding-left: 0;font-weight: 600;text-decoration: none;} #sh_all_in_one_snippet_57 .card .card-body {color: #757575;line-height: 28px;font-size: 16px;} #sh_all_in_one_snippet_57 .card .card-body p {margin-bottom: 0;font-size: 15px;} #sh_all_in_one_snippet_57 .card .card-header h5 span.fa {float: right;color: #2f2c2c;} #sh_all_in_one_snippet_57 .accordion .card-header a.collapsed span.fa:before {content: "\f067";} #sh_all_in_one_snippet_57 .accordion .card-header a span.fa:before {content: "\f068";} #sh_all_in_one_snippet_57 .card .card-header a {padding: 1rem 1.25rem;border-top: 3px solid o-color("o-color-1");display: block;transition: all 0.4s;} #sh_all_in_one_snippet_57 .card .card-header a.collapsed {border: 0px;transition: all 0.4s;} #sh_all_in_one_snippet_57 .card .card-header a {color: o-color("o-color-1");} #sh_all_in_one_snippet_57 .card .card-header a.collapsed {color: #2f2c2c;} #sh_all_in_one_snippet_57 .card .card-header a h5 .sh_text {font-weight: 600;} @media (max-width: 576px){ #sh_all_in_one_snippet_57 .card .card-header a h5 .sh_text{font-size: 18px;} } /* snippet 57 */ /* snippet 58 */ #sh_all_in_one_snippet_58 {margin-top: 50px;} #sh_all_in_one_snippet_58 .card-header a {text-decoration: none;display: block;padding: 0px 30px 0px 0px;background: #f5f5f5;font-size: 18px;font-weight: 700;letter-spacing: 1px;color: #000;overflow: hidden;position: relative;} #sh_all_in_one_snippet_58 .card-header {padding: 0;border: 0;} #sh_all_in_one_snippet_58 .card-header a h5 span.fa {width: 40px;height: 40px;background: o-color("o-color-1");text-align: center;line-height: 40px;border-radius: 0;color: #fff;} #sh_all_in_one_snippet_58 .card-header a h5 .sh_text {font-weight: 600;font-size: 16px;padding-left: 10px;} #sh_all_in_one_snippet_58 .card .card-body {background: #f5f5f5 !important;padding: 10px 30px 10px 60px;border-top: none;font-size: 15px;color: #6f6f6f;letter-spacing: 1px;line-height: 28px;position: relative;} #sh_all_in_one_snippet_58 .card .card-body:after {content: "";display: block;width: 40px;height: 100%;background: rgba(0, 0, 0, 0.05);position: absolute;top: 0;left: 0;} #sh_all_in_one_snippet_58 .card {border: 0;border-radius: 0;margin-bottom: 10px;} #sh_all_in_one_snippet_58 .card-header a span.fa:before {content: "\f068" !important;} #sh_all_in_one_snippet_58 .card-header a.collapsed span.fa:before {content: "\f067" !important;} @media only screen and (max-width: 576px) { #sh_all_in_one_snippet_58 .card-header a h5 .sh_text {font-size: 14px;letter-spacing: normal;} } /* snippet 58 */ /* ######## FAQ snippet ######## */ /* ######## offer banner snippet ######## */ /* snippet 59 */ #sh_all_in_one_snippet_59{background: #f1f3f6;padding: 50px 0;} #sh_all_in_one_snippet_59 .sh_main{background: #fff;padding: 0 20px 20px;} #sh_all_in_one_snippet_59 .sh_title h4{text-transform: capitalize;font-weight: 600;margin-bottom: 20px;position: relative; padding: 10px 0;} #sh_all_in_one_snippet_59 .sh_title h4:after{content: '';position: absolute;left: -20px;top: 0;width: 3px;height: 100%;background: o-color('o-color-1');} #sh_all_in_one_snippet_59 .sh_content{transition: all .4s;} #sh_all_in_one_snippet_59 .sh_content .sh_img{overflow: hidden;} #sh_all_in_one_snippet_59 .sh_content .sh_img img{height: 330px;object-fit: cover;transform: scale(1);transition: all .4s;width: 100%;} #sh_all_in_one_snippet_59 .sh_content .sh_des h5{font-size: 20px;color: #252525;text-transform: capitalize;font-weight: 600;margin: 15px 0;} #sh_all_in_one_snippet_59 .sh_content .sh_des h6{color: #252525;font-size: 18px;margin-top: 13px;line-height: 18px;margin-bottom: 15px;font-weight: 500;} #sh_all_in_one_snippet_59 .sh_content .sh_des h6 .sh_old_price{text-decoration: line-through;color: #757575;font-weight: normal;padding-left: 5px;} #sh_all_in_one_snippet_59 .sh_content .sh_des p{font-size: 14px;color: #757575;line-height: 24px;margin-bottom: 15px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;letter-spacing: 0.5px;} #sh_all_in_one_snippet_59 .sh_content .sh_des hr{border-width: 2px;border-color: o-color('o-color-1');} #sh_all_in_one_snippet_59 .sh_content .sh_countedown{display: flex;} #sh_all_in_one_snippet_59 .sh_content .sh_countedown .sh_countdown_item{padding: 0 10px;} #sh_all_in_one_snippet_59 .sh_content .sh_countedown .sh_countdown_item .sh_count_num{background: #f1f3f6;padding: 10px 15px;font-weight: 600;border-radius: 5px;font-size: 18px;} #sh_all_in_one_snippet_59 .sh_content .sh_countedown .sh_count_time{text-align: center;text-transform: capitalize;color: #777;font-size: 12px;margin-top: 5px;} #sh_all_in_one_snippet_59 .sh_content .sh_countedown .sh_countdown_item:first-child{padding-left: 0;} #sh_all_in_one_snippet_59 .sh_content:hover .sh_img img{transform: scale(1.1);} @media (min-width: 991px) and (max-width: 1200px){ #sh_all_in_one_snippet_59 .sh_content .sh_countedown .sh_countdown_item{padding: 0 5px;} } @media (max-width: 991px){ #sh_all_in_one_snippet_59 .sh_content{margin-bottom: 20px;} } /* snippet 59 */ /* snippet 60 */ #sh_all_in_one_snippet_60{padding: 50px 0;background: #000;position: relative;margin-top: 50px;} #sh_all_in_one_snippet_60 .sh_main{background: #fff;padding: 20px;padding-bottom: 30px;position: relative;z-index: 1;} #sh_all_in_one_snippet_60 .sh_title h4{margin: 0;text-transform: capitalize;text-align: center;font-weight: 600;font-size: 22px;} #sh_all_in_one_snippet_60 .sh_title hr{margin: 20px 0;} #sh_all_in_one_snippet_60 .sh_content{display: flex;margin-top: 20px;} #sh_all_in_one_snippet_60 .sh_content .sh_img{width: 40%;display: table-cell;} #sh_all_in_one_snippet_60 .sh_content .sh_img img{width: 100%;height: 200px;object-fit: cover;} #sh_all_in_one_snippet_60 .sh_content .sh_des{width: 60%;display: table-cell;padding-left: 20px;} #sh_all_in_one_snippet_60 .sh_content .sh_des h3{font-size: 18px;color: #555;text-decoration: none;text-transform: capitalize;margin-bottom: 15px;} #sh_all_in_one_snippet_60 .sh_content .sh_des h5{font-size: 16px;margin-bottom: 15px;color: #777;} #sh_all_in_one_snippet_60 .sh_content .sh_des h5 .sh_old_price{text-decoration: line-through;} #sh_all_in_one_snippet_60 .sh_content .sh_des h5 .sh_new_price{font-weight: 600;color: #333;padding-left: 5px;font-size: 18px;} #sh_all_in_one_snippet_60 .sh_content .sh_des .sh_countedown{display: flex;border: 1px dashed o-color('o-color-1');padding: 10px 0;} #sh_all_in_one_snippet_60 .sh_content .sh_des .sh_countedown .sh_countdown_item{padding: 0 15px;text-align: center;width: 25%;} #sh_all_in_one_snippet_60 .sh_content .sh_des .sh_countedown .sh_count_num{font-weight: 600;font-size: 18px;} #sh_all_in_one_snippet_60 .sh_content .sh_des .sh_countedown .sh_count_time{text-transform: capitalize;font-size: 13px;color: #777;} #sh_all_in_one_snippet_60 .sh_content .sh_des p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 14px;color: #777;letter-spacing: 0.7px;margin-bottom: 15px;} #sh_all_in_one_snippet_60:after{content: '';position: absolute;top: 0;left: 0;width: 100%;background: #000;height: 100%;opacity: .5;pointer-events: none;} @media (max-width: 576px){ #sh_all_in_one_snippet_60 .sh_content{display: block;} #sh_all_in_one_snippet_60 .sh_content .sh_img{width: 100%; display: block;} #sh_all_in_one_snippet_60 .sh_content .sh_des{width: 100%;display: block;padding-left: 0;} } /* snippet 60 */ /* snippet 61 */ #sh_all_in_one_snippet_61 {margin-top: 50px;} #sh_all_in_one_snippet_61 .sh_left{position: relative;} #sh_all_in_one_snippet_61 .sh_left .sh_img img{width: 100%;border-radius: 5px;} #sh_all_in_one_snippet_61 .sh_left .sh_des{position: absolute;top: 50%;transform: translateY(-50%);left: 30px;} #sh_all_in_one_snippet_61 .sh_left .sh_des h5{margin: 0;text-transform: capitalize;font-size: 36px;font-weight: 500;color: #fff;} #sh_all_in_one_snippet_61 .sh_left .sh_des p{color: #fff;font-weight: 500;padding: 10px 0 30px 0;position: relative;font-size: 18px;margin: 0;text-transform: capitalize;} #sh_all_in_one_snippet_61 .sh_left .sh_des a{padding: 10px 30px;} #sh_all_in_one_snippet_61 .sh_left .sh_des h3{margin: 0;text-transform: capitalize;font-size: 32px;font-weight: 600;color: #fff;} #sh_all_in_one_snippet_61 .sh_right_content .sh_countedown{display: flex;align-items: center;} #sh_all_in_one_snippet_61 .sh_right_content .sh_countedown .sh_countdown_item {width: 60px;text-align: center;height: 60px;border: 1px solid;border-radius: 50%;padding-top: 13px;margin: 0 3px;} #sh_all_in_one_snippet_61 .sh_right_content .sh_countedown .sh_count_num{color: o-color('o-color-1');font-weight: 600;line-height: 15px;} #sh_all_in_one_snippet_61 .sh_right_content .sh_countedown .sh_count_time{text-transform: capitalize;font-size: 12px;} #sh_all_in_one_snippet_61 .sh_right_content{border: 3px solid #ebebeb;border-radius: 5px;position: relative;} #sh_all_in_one_snippet_61 .sh_right_content .sh_title h3{font-size: 20px;margin: 0px 0 25px 0;text-transform: capitalize;position: relative;font-weight: 600;border-bottom: 1px solid #ebebeb;padding: 19px 25px;letter-spacing: 0.5px;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des{display: flex;padding: 0 25px 20px;align-items: center;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des{width: 50%;display: table-cell;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des h4{font-size: 20px;font-weight: 600;color: #333;margin-bottom: 15px;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des .sh_price{display: flex;margin-bottom: 15px;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des .sh_new_price{font-weight: 600;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des .sh_old_price{text-decoration: line-through;padding-left: 10px;color: #777;} #sh_all_in_one_snippet_61 .sh_right_content .sh_countedown .sh_countdown_item:first-child {margin-left: 0;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des p{margin-bottom: 15px;color: #777;} #sh_all_in_one_snippet_61 .sh_right_img .sh_img img{height: 270px;object-fit: cover;width: 100%;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_right_img{width: 50%;} @media (max-width: 768px){ #sh_all_in_one_snippet_61 .sh_right_content .sh_des{display: block;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_left_des{width: 100%;display: block;margin-bottom: 20px;} #sh_all_in_one_snippet_61 .sh_right_content .sh_des .sh_right_img{width: 100%;} } /* snippet 61 */ /* snippet 62 */ #sh_all_in_one_snippet_62 {margin-top: 50px;} #sh_all_in_one_snippet_62 .sh_left_content{background: url(/sh_all_in_one_snippets/static/src/img/33.jpg);background-size: cover;padding: 30px;border: 1px solid #ccc;} #sh_all_in_one_snippet_62 .sh_left_content .sh_top h2{color: o-color('o-color-1');font-size: 20px;line-height: 1.1;letter-spacing: -.01em;margin-bottom: 0;max-width: 240px;font-weight: 600;} #sh_all_in_one_snippet_62 .sh_left_content .sh_top h4{color: #777;font-weight: 300;font-size: 16px;line-height: 1.25;letter-spacing: 0;margin-bottom: 0rem;max-width: 240px;} #sh_all_in_one_snippet_62 .sh_left_content .sh_deal_content h3{font-weight: 400;font-size: 18px;line-height: 1.25;letter-spacing: -.01em;color: #333333;max-width: 240px;margin-bottom: 0;} #sh_all_in_one_snippet_62 .sh_left_content .sh_price{font-weight: 300;font-size: 2rem;margin-bottom: 0;} #sh_all_in_one_snippet_62 .sh_left_content .sh_price span.sh_new_price{font-weight: 400;letter-spacing: -.01em;color: o-color('o-color-1');margin-right: 5px;font-size: 20px;} #sh_all_in_one_snippet_62 .sh_left_content .sh_price span.sh_old_price{font-size: 16px;text-decoration: line-through;color: #777;} #sh_all_in_one_snippet_62 .sh_left_content .sh_countedown{display: flex;padding-top: 40px;} #sh_all_in_one_snippet_62 .sh_left_content .sh_countedown .sh_countdown_item .sh_count_num{position: relative;font-weight: 400;font-size: 1rem;line-height: 1;padding: 10px 15px;background-color: o-color('o-color-2');border-radius: .3rem;border: none;text-align: center;color: #fff;} #sh_all_in_one_snippet_62 .sh_left_content .sh_countedown .sh_count_time{text-align: center;text-transform: capitalize;font-size: 12px;margin-top: 5px;} #sh_all_in_one_snippet_62 .sh_left_content .sh_countedown .sh_countdown_item{padding-right: 10px;} #sh_all_in_one_snippet_62 .sh_left_content .sh_deal_content a{padding: 0;} #sh_all_in_one_snippet_62 .sh_left_content .sh_top{padding-bottom: 40px;} @media (max-width: 991px){ #sh_all_in_one_snippet_62 .sh_left_content{margin-bottom: 20px;} } /* snippet 62 */ /* snippet 63 */ #sh_all_in_one_snippet_63{padding: 50px 0;} #sh_all_in_one_snippet_63 .sh_content .sh_img img{width: 100%;} #sh_all_in_one_snippet_63 .sh_content{position: relative;} #sh_all_in_one_snippet_63 .sh_content .sh_des{position: absolute;top: 50%;left: 5%;transform: translateY(-50%);} #sh_all_in_one_snippet_63 .sh_content .sh_des h4{color: #fff;font-size: 40px;} #sh_all_in_one_snippet_63 .sh_content .sh_des p{color: #eee;font-size: 14px;} #sh_all_in_one_snippet_63 .sh_content .sh_countdown .sh_timer {display: inline-block;text-align: center;padding: 15px;} #sh_all_in_one_snippet_63 .sh_content .sh_countdown .sh_timer .sh_time {display: block;color: #fff;font-size: 24px;font-weight: 600;} #sh_all_in_one_snippet_63 .sh_content .sh_countdown .sh_timer .sh_day {color: #eee;} #sh_all_in_one_snippet_63 .sh_content .sh_countdown .sh_timer:first-child {padding-left: 0;} #sh_all_in_one_snippet_63 .sh_content .sh_des a.btn {border: 2px solid #fff;border-radius: 0;color: #eee;padding: 7px 20px;font-weight: 600;margin-top: 15px;transition: all .4s;} #sh_all_in_one_snippet_63 .sh_content .sh_des a.btn:hover{background: #fff;color: #000;} @media (max-width: 576px){ #sh_all_in_one_snippet_63 .sh_content .sh_img img{ min-height: 300px;} } /* snippet 63 */ // snippet 26 start// #sh_offer_snipet_26{width:100%; padding:50px 0px;} #sh_offer_snipet_26 .sh_product{ position: relative; float: left; width: 100%; z-index: 1; height: 600px; } #sh_offer_snipet_26 .sh_product:before{ background: url("/sh_all_in_one_snippets/static/src/img/img_border.png") ; bottom: 40px; position: absolute; right: 0; content: ''; width: 100%; top: 0; background-position: top right; left: -28px; z-index: 0; } #sh_offer_snipet_26 .sh_product:after { background: #fff none repeat scroll 0 0; bottom: 70px; left: 0; position: absolute; right: 0px; top: 23px; width: 94%; content: ''; } #sh_offer_snipet_26 .sh_product_item .sh_column{ z-index: 1; } #sh_offer_snipet_26 .sh_product_item .sh_product_img{ height:450px; width:100%; overflow: hidden; z-index: 1; } #sh_offer_snipet_26 .sh_product_item .sh_product_img img{ height:100%; width:100%; transition: all 1s; } #sh_offer_snipet_26 .sh_product_item .sh_product_img:hover img{ transform: scale(1.2); } #sh_offer_snipet_26 .sh_product_item .sh_sale{ background: #535353; color: #fff; display: block; font-size: 11px; font-weight: 400; height: 28px; right: 15px; line-height: 28px; padding: 0 10px; position: absolute; text-align: center; text-transform: uppercase; top: 11px; z-index: 10; min-width: 50px; border-radius: 0; left: auto; min-height: auto; border: 0;transform: rotate( 90deg); } #sh_offer_snipet_26 .sh_product_item .sh_sale:before{ border: 7px solid #535353; border-color: transparent transparent #535353 #535353; border-width: 7px 5px; position: absolute; right: -10px; bottom: 0; content: ''; } #sh_offer_snipet_26 .sh_product_item .sh_sale:after{ border: 7px solid #535353; border-color: #535353 transparent transparent #535353; border-width: 7px 5px; position: absolute; right: -10px; top: 0; content: ''; } #sh_offer_snipet_26 .sh_product_item .sh_new{ right: 50px; background:o-color(o-color-1); color: #fff; display: block; font-size: 11px; font-weight: 400; height: 28px; line-height: 28px; padding: 0 10px; position: absolute; text-align: center; text-transform: uppercase; top: 11px; z-index: 10; min-width: 50px; border-radius: 0; left: auto; min-height: auto; border: 0; transform: rotate( 90deg); } #sh_offer_snipet_26 .sh_product_item .sh_new:before{ border: 7px solid o-color(o-color-1); border-color: transparent transparent o-color(o-color-1) o-color(o-color-1); border-width: 7px 5px; position: absolute; right: -10px; bottom: 0; content: ''; } #sh_offer_snipet_26 .sh_product_item .sh_new:after{ border: 7px solid o-color(o-color-1); border-color: o-color(o-color-1) transparent transparent o-color(o-color-1); border-width: 7px 5px; position: absolute; right: -10px; top: 0; content: ''; } #sh_offer_snipet_26 .sh_product_item .sh_product_text{ width:100%; padding:10px 10px; } #sh_offer_snipet_26 .sh_product_item .sh_product_text h3 a{ font-size:25px; text-decoration: none; color:#000; transition: 0.5s; } #sh_offer_snipet_26 .sh_product_item .sh_product_text h3 a:hover{ color: o-color(o-color-1); } #sh_offer_snipet_26 .sh_product_item .sh_product_text h2{ font-size: 20px; margin-top:20px; } #sh_offer_snipet_26 .sh_product_item .sh_product_text h2 .sh_latest{ color: o-color(o-color-1); } #sh_offer_snipet_26 .sh_product_item .sh_product_text h2 .sh_old{ color:#000; text-decoration: line-through; margin-left:10px; } #sh_offer_snipet_26 .sh_product_item .sh_product_text p{ margin-top: 20px; font-size:16px; } #sh_offer_snipet_26 .sh_product_item .sh_countdown .sh_time {display: block;color: #000;background:transparent; border:3px solid o-color(o-color-1); width: 60px;height: 60px;line-height: 60px;border-radius: 50%;font-weight: 600; text-align:center;font-size: 20px;margin: 10px;} #sh_offer_snipet_26 .sh_product_item .sh_countdown .sh_timer {display: inline-block; text-align: center;} #sh_offer_snipet_26 .sh_product_item .sh_countdown .sh_day{color: #000;font-weight: 600; text-transform: uppercase;} #sh_offer_snipet_26 .sh_product_item .sh_countdown .first span{ margin-left:0px; } #sh_offer_snipet_26 .sh_product_item .sh_countdown .first span:last-child{ margin-left: -6px; } #sh_offer_snipet_26 .carousel-control-next{ position: absolute; top: 50%; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 50px; color: #fff !important; text-align: center; opacity: 0.5; height: 50px; background: #000 !important; transition: opacity 0.15s ease; border-radius: 50px; } #sh_offer_snipet_26 .carousel-control-prev{ position: absolute; top: 50%; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 50px; color: #fff !important; text-align: center; opacity: 0.5; height: 50px; background: #000 !important; transition: opacity 0.15s ease; border-radius: 50px; } #sh_offer_snipet_26 .carousel-control-prev { left: 76px; } #sh_offer_snipet_26 .carousel-control-next{ right: 130px; } #sh_offer_snipet_26 .carousel-control-prev:hover{ background:o-color(o-color-1) !important; opacity:1; } #sh_offer_snipet_26 .carousel-control-next:hover{ background:o-color(o-color-1) !important; opacity: 1; } @media screen and (max-width:800px) { #sh_offer_snipet_26 .sh_product_item .sh_countdown .sh_time { width: 50px; height: 50px; line-height: 50px; font-size: 18px; margin: 5px 5px; } #sh_offer_snipet_26 .sh_product_item .sh_countdown .first span:last-child{ margin-left: -3px; } #sh_offer_snipet_26 .sh_product:after{ width: 91.5%; } #sh_offer_snipet_26 .sh_product_item .sh_countdown .sh_day{ font-size: 14px; } #sh_offer_snipet_26 .carousel-control-prev { left: 4px; } #sh_offer_snipet_26 .carousel-control-next { right: 54px; } #sh_offer_snipet_26 .sh_product_item .sh_countdown .sh_day{ margin-left: 6px; } } @media screen and (max-width:567px) { #sh_offer_snipet_26 .sh_product_item .sh_countdown .sh_time { width: 60px; height: 60px; line-height: 60px; font-size: 20px; margin: 5px 20px; } #sh_offer_snipet_26 .sh_product_item .sh_countdown .third span{ margin-left:0px; } #sh_offer_snipet_26 .sh_product_item .sh_countdown .first span:last-child { margin-left: -23px; } #sh_offer_snipet_26 .sh_product_item .sh_countdown .third span:last-child { margin-left: -23px; } #sh_offer_snipet_26 .sh_product_item .sh_countdown .sh_day { margin-left: 3px; } #sh_offer_snipet_26 .sh_product{ height:850px; } #sh_offer_snipet_26 .sh_product_item .sh_product_img{ height:300px; } #sh_offer_snipet_26{ padding:30px 0px; } #sh_offer_snipet_26 .sh_product:after { background: #fff none repeat scroll 0 0; bottom: 70px; left: 20px; right: 10px; top: 20px; width:88%; height: 90%; } #sh_offer_snipet_26 .sh_product:before{ left:2px; } #sh_offer_snipet_26 .carousel-control-prev { display: none; } #sh_offer_snipet_26 .carousel-control-next { display: none; } } // snippet 26 end// /* ######## offer banner snippet ######## */