@charset "UTF-8";
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}

@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap");
* {
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none;
}
@media only screen and (max-width: 1430px) {
html {
font-size: 14px;
}
}
@media only screen and (max-width: 1280px) {
html {
font-size: 12px;
}
}
@media only screen and (max-width: 768px) {
html {
font-size: 16px;
}
}
@media only screen and (max-width: 480px) {
html {
font-size: 14px;
}
}
body {
margin: 0px;
font-size: 1.4rem;
line-height: 1.4em;
overflow-x: hidden;
color: #444444;
font-family: Roboto, sans-serif;
font-weight: 400;
outline: 0px !important;
background: #E1E1E1;
}
img {
max-width: 100%;
display: inline-block;
vertical-align: top;
border: 0;
height: auto;
outline: 0px !important;
}
a {
text-decoration: none;
color: #EE3937;
outline: 0px !important;
transition: all 0.5s;
}
a:hover {
color: #000000;
}
.btn, input[type=submit] {
text-decoration: none;
display: inline-block;
font-family: Roboto, sans-serif;
font-weight: 500;
text-align: center;
padding: 1.2rem 2.5rem 0.8rem 2.5rem;
background: #EE3937;
color: #ffffff;
border: 0px;
line-height: normal;
border-radius: 1.25rem 0 1.25rem 0;
}
@media (min-width: 1023px) {
.btn, input[type=submit] {
font-size: 1.37rem;
}
}
.btn:hover, input[type=submit]:hover {
background: #000000;
color: #ffffff;
}
.white-btn.btn, input.white-btn[type=submit] {
background: #ffffff;
color: #000000;
}
.white-btn.btn:hover, input.white-btn[type=submit]:hover {
background: #000000;
color: #ffffff;
}
.btn, input[type=submit] {
outline: 0px !important;
cursor: pointer;
transition: all 0.5s;
}
h1, h2, h3, h4, h5 {
font-weight: normal;
margin: 0 0 1.4rem 0;
font-family: Montserrat, sans-serif;
font-weight: 700;
line-height: normal;
}
h1 {
font-size: 2.12rem;
}
@media (min-width: 1023px) {
h1 {
font-size: 5.12rem;
}
}
h2 {
font-size: 2rem;
}
@media (min-width: 1023px) {
h2 {
font-size: 3.87rem;
}
}
h3 {
font-size: 3.25rem;
}
h4 {
font-size: 2.62rem;
}
h5 {
font-size: 2rem;
}
h6 {
font-size: 1.37rem;
}
p {
margin: 0 0 1.6rem;
}
sup {
font-size: 0.6em;
}
.overlay-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9;
}
.alignleft {
float: left;
margin: 0 1.25rem 1.25rem 0;
}
.alignright {
float: right;
margin: 0 0 1.25rem 1.25rem;
}
.alignnone {
float: none;
margin: 0 0 0.93rem 0;
display: block;
}
.aligncenter {
float: none;
margin: 0 auto 0.93rem auto;
display: list-item;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
sup {
font-size: 0.6em;
}
table {
empty-cells: show;
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 0.93rem;
border: 0.06rem solid #000000;
}
table td {
padding: 0.5em 1em;
border-width: 0 0 0 0.06rem;
font-size: inherit;
margin: 0;
overflow: visible;
border-left: 0.06rem solid #000000;
border-bottom: 0.06rem solid #000000;
}
table td:first-child {
border-left-width: 0;
}
table th {
padding: 0.5em 1em;
border-width: 0 0 0 0.06rem;
font-size: inherit;
margin: 0;
overflow: visible;
border-left: 0.06rem solid #000000;
border-bottom: 0.06rem solid #000000;
}
table th:first-child {
border-left-width: 0;
}
thead {
text-align: left;
vertical-align: bottom;
background-color: #000000;
color: #000000;
}
ul:not([class]) {
margin: 0px;
padding: 0px 0 0.93rem 1.87rem;
}
ul:not([class]) li {
margin: 0px;
padding: 0 0 0.62rem;
list-style-type: none;
list-style-position: outside;
position: relative;
}
ul:not([class]) li::before {
content: "•";
position: relative;
left: -0.75rem;
color: #000000;
}
ol:not([class]) {
margin: 0px;
padding: 0px 0 0.56rem 2rem;
counter-reset: number;
}
ol:not([class]) li {
margin: 0px;
padding: 0 0 0.87rem;
list-style-position: outside;
list-style: none;
position: relative;
counter-increment: number;
}
ol:not([class]) li::before {
content: counter(number) ". ";
position: relative;
left: -0.75rem;
color: #000000;
}
input {
outline: 0px !important;
}
input:focus {
outline: none;
}
select {
outline: 0px !important;
}
.container {
width: 26rem;
max-width: 100%;
margin: 0 auto;
padding: 0 1.25rem;
}
@media (min-width: 639px) {
.container {
width: 30rem;
}
}
@media (min-width: 767px) {
.container {
width: 60rem;
}
}
@media (min-width: 1023px) {
.container {
width: 90rem;
}
}
.se-pre-con {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(//www.gopalinfo.com/wp-content/themes/gopalinfo/images/gopal-info-loader.svg) center no-repeat #ffffff;
background-size: 6rem;
}
.no-js #loader {
display: none;
}
.js #loader {
display: block;
position: absolute;
left: 6.25rem;
top: 0;
}
.d-flex {
display: flex;
}
.flex-wrap {
flex-wrap: wrap;
}
.align-center {
align-items: center;
}
.align-start {
align-items: flex-start;
}
.align-end {
align-items: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-between {
justify-content: space-between;
}
input[type=text],
input[type=email],
input[type=password],
input[type=url],
input[type=month],
input[type=week],
input[type=time],
input[type=number],
input[type=datetime-local],
select,
textarea {
width: 100%;
height: 3.25rem;
font-size: 1.12rem;
padding: 0 1.75rem;
outline: none;
border: 1px solid #0A3859;
border-radius: 0.56rem;
font-family: Roboto, sans-serif;
font-weight: 500;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=week]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
color: #000000;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
input[type=month]::placeholder,
input[type=week]::placeholder,
input[type=time]::placeholder,
input[type=number]::placeholder,
input[type=datetime-local]::placeholder,
select::placeholder,
textarea::placeholder {
color: #000000;
}
textarea {
height: 7.31rem;
padding: 1rem 1.75rem;
}
.section_title {
padding-bottom: 1rem;
}
@media (min-width: 1023px) {
.section_title {
padding-bottom: 3.9rem;
}
}
.section_title h2 {
text-transform: uppercase;
color: #0A3859;
}
.eyebrow_label {
color: #EE3937;
padding-bottom: 1.43rem;
line-height: normal;
}
.site-header {
padding: 1rem 0;
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 10;
transition: all 0.3s;
}
@media (min-width: 1023px) {
.site-header {
padding: 0;
}
}
.site-header.sticky-header {
background: #ECEAEA;
box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
@media (min-width: 1023px) {
.site-header.sticky-header .site-header__menu .menu li {
padding: 1.75rem 0 1.75rem 2.75rem;
}
}
@media (min-width: 1023px) {
.site-header.sticky-header .site-header__menu .menu li .sub-menu {
top: 100%;
}
}
.site-header__logo {
width: 11.43rem;
}
.site-header__logo img {
width: 100%;
}
.site-header__menu {
position: fixed;
top: 4.7rem;
left: -140%;
bottom: 0;
height: 100vh;
width: 100%;
overflow: auto;
background-color: #ECEAEA;
z-index: 2;
transition: all 0.5s;
}
@media (min-width: 1023px) {
.site-header__menu {
position: static;
transition: none;
height: auto;
background-color: transparent;
overflow: unset;
width: auto;
}
}
.modal {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(236, 234, 234, 0.8);
opacity: 0;
visibility: hidden;
transform: translateY(-0.5rem);
transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
z-index: 99;
display: flex;
justify-content: center;
align-items: center;
padding: 2rem 0;
overflow-y: auto;
}
.modal-content {
background-color: white;
padding: 1rem;
width: 95rem;
max-width: 95%;
border: 1px solid #EE3937;
position: relative;
height: 85vh;
overflow: scroll;
}
@media (min-width: 1023px) {
.modal-content {
padding: 3.5rem 4rem 0 4rem;
border-radius: 0 12.5rem;
width: 73.5rem;
max-width: 95%;
height: auto;
overflow: inherit;
}
}
.modal-content .modal_inner__left {
width: 100%;
position: relative;
padding: 1rem 0 3rem 0;
order: 1;
}
@media (min-width: 1023px) {
.modal-content .modal_inner__left {
width: 49%;
padding: 0 3.6rem 3.5rem 0;
order: inherit;
}
}
.modal-content .modal_inner__left h3 {
font-size: 2.5rem;
line-height: 1.4em;
}
.modal-content .modal_inner__left .mi_social {
padding: 7.81rem 0 0 0;
}
.modal-content .modal_inner__left .mi_social ul {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.modal-content .modal_inner__left .mi_social ul li {
list-style: none;
padding: 0 0.56rem 0 0;
}
.modal-content .modal_inner__left .mi_social ul li::before {
display: none;
}
.modal-content .modal_inner__left .mi_social ul li a:hover img {
opacity: 0.7;
}
.modal-content .modal_inner__left .mi_social ul li img {
transition: all 0.3s;
}
.modal-content .modal_inner__left .p_graphic {
position: absolute;
right: 0;
bottom: 0;
}
.modal-content .modal_inner__left .p_graphic img {
width: 11rem;
}
@media (min-width: 1023px) {
.modal-content .modal_inner__left .p_graphic img {
width: 12.06rem;
}
}
.modal-content .modal_inner__right {
width: 100%;
padding: 0;
}
@media (min-width: 1023px) {
.modal-content .modal_inner__right {
width: 51%;
padding: 0 0 3.5rem 2.7rem;
}
}
.close-button {
position: absolute;
right: 0;
top: 0;
cursor: pointer;
transition: all 0.3s;
width: 2rem;
height: 2rem;
border: 0.06rem solid transparent;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.close-button:hover {
border-color: #EE3937;
}
.show-modal {
opacity: 1;
visibility: visible;
transform: scale(1);
transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.open_popup {
overflow: hidden;
}
.modle_overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
.site-header__menu {
padding: 0;
}
.site-header__menu .menu {
padding: 0;
margin: 0;
width: 100%;
}
@media (min-width: 1023px) {
.site-header__menu .menu {
width: auto;
display: flex;
flex-wrap: wrap;
align-items: center;
}
}
.site-header__menu .menu li {
display: inline-block;
width: 100%;
padding: 0;
border-top: 0.06rem solid rgba(0, 0, 0, 0.3);
padding: 0;
transition: all 0.3s;
}
@media (min-width: 1023px) {
.site-header__menu .menu li {
width: auto;
border: 0;
padding: 3.75rem 0 3.75rem 2.75rem;
}
}
.site-header__menu .menu li.current-menu-item a::after {
width: 100%;
}
.site-header__menu .menu li.lats-talk-btn {
padding: 1rem 0.8rem;
}
@media (min-width: 1023px) {
.site-header__menu .menu li.lats-talk-btn {
padding: 0rem 0 0rem 2.75rem;
}
}
.site-header__menu .menu li.lats-talk-btn a {
text-decoration: none;
display: inline-block;
text-align: center;
padding: 0.65rem 2.5rem;
background: transparent;
color: #000000;
border: 0.06rem solid #000000;
line-height: normal;
border-radius: 1.25rem 0 1.25rem 0;
width: auto;
}
.site-header__menu .menu li.lats-talk-btn a:hover {
background: #000000;
color: #ffffff;
}
.site-header__menu .menu li.lats-talk-btn a::after {
display: none;
}
.site-header__menu .menu li a {
display: inline-block;
width: 100%;
color: #0A3859;
padding: 0.65rem 0.8rem;
font-family: Roboto, sans-serif;
font-weight: 400;
position: relative;
}
@media (min-width: 1023px) {
.site-header__menu .menu li a {
line-height: normal;
width: auto;
color: #0A3859;
padding: 0;
}
}
.site-header__menu .menu li a:hover::after {
width: 100%;
}
.site-header__menu .menu li a::after {
content: "";
display: none;
width: 0;
height: 0.06rem;
background: #EE3937;
margin-top: 0.25rem;
transition: all 0.3s;
}
@media (min-width: 1023px) {
.site-header__menu .menu li a::after {
display: block;
}
}
.site-header__menu .menu li.menu-item-has-children {
position: relative;
}
.site-header__menu .menu li.menu-item-has-children .sub-menu {
display: none;
padding: 0;
}
.site-header__menu .menu li.menu-item-has-children .sub-menu::before {
position: absolute;
top: -45px;
left: 40px;
border-bottom: 15px solid #ffffff;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
width: 0;
height: 0;
margin: 30px auto;
content: "";
display: none;
}
@media (min-width: 1023px) {
.site-header__menu .menu li.menu-item-has-children .sub-menu {
background-color: #ffffff;
color: #ffffff;
position: absolute;
left: 0;
width: 15rem;
top: calc(100% - 40px);
padding: 1rem 0;
border-radius: 9px;
z-index: 1;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
}
.site-header__menu .menu li.menu-item-has-children .sub-menu.slideToggle {
display: block;
}
.site-header__menu .menu li.menu-item-has-children .sub-menu li {
width: 100%;
padding-left: 1rem;
}
@media (min-width: 1023px) {
.site-header__menu .menu li.menu-item-has-children .sub-menu li {
padding: 0.8rem 1.5rem;
color: #ffffff;
}
}
@media (min-width: 1023px) {
.site-header__menu .menu li.menu-item-has-children .sub-menu li a {
padding: 0;
color: #444444;
}
.site-header__menu .menu li.menu-item-has-children .sub-menu li a:hover {
opacity: 0.7;
}
}
@media (min-width: 1023px) {
.site-header__menu .menu li.menu-item-has-children:hover .sub-menu {
display: block;
}
}
.site-header__menu .menu li.menu-item-has-children .sparklines {
width: 2.93rem;
height: 2.93rem;
border-left: 0.06rem solid rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
right: 0;
}
@media (min-width: 1023px) {
.site-header__menu .menu li.menu-item-has-children .sparklines {
display: none;
}
}
.site-header__menu .menu li.menu-item-has-children .sparklines::before, .site-header__menu .menu li.menu-item-has-children .sparklines::after {
position: absolute;
content: "";
background-color: #0A3859;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.2s;
}
.site-header__menu .menu li.menu-item-has-children .sparklines::before {
width: 0.62rem;
height: 0.12rem;
}
.site-header__menu .menu li.menu-item-has-children .sparklines::after {
width: 0.12rem;
height: 0.62rem;
}
.site-header__menu .menu li.menu-item-has-children .sparklines.minus::after {
opacity: 0;
}
.site-header__hamburger {
display: flex;
flex-wrap: wrap;
width: 1.5rem;
}
@media (min-width: 1023px) {
.site-header__hamburger {
display: none;
}
}
.site-header__hamburger span {
display: inline-flex;
height: 0.18rem;
width: 100%;
background-color: #0A3859;
transition: all 0.5s;
border-radius: 2rem;
position: relative;
}
.site-header__hamburger span:nth-child(2) {
margin: 0.31rem 0;
}
.menu-open .site-header__menu {
left: 0;
}
.menu-open .site-header__hamburger span:nth-child(1) {
transform: rotate(-45deg);
top: 0.5rem;
}
.menu-open .site-header__hamburger span:nth-child(2) {
opacity: 0;
visibility: hidden;
}
.menu-open .site-header__hamburger span:nth-child(3) {
transform: rotate(45deg);
bottom: 0.45rem;
}
@media (min-width: 1023px) {
.site-header__menu .menu li.menu-item-has-children .sub-menu::before {
display: block;
}
}
.site-footer {
position: relative;
padding: 3.25rem 0 2.68rem;
}
@media (min-width: 1023px) {
.site-footer {
padding: 6.25rem 0 2.68rem;
}
}
.site-footer::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
background: #ECEAEA;
border-radius: 7rem 0 0 0;
width: 97%;
z-index: -1;
}
@media (min-width: 1023px) {
.site-footer::before {
border-radius: 26rem 0 0 0;
width: 94%;
}
}
.site-footer__inner {
padding-left: 1rem;
}
@media (min-width: 1023px) {
.site-footer__inner {
padding-left: 12rem;
}
}
@media (min-width: 1760px) {
.site-footer__inner {
padding-left: 0;
}
}
.site-footer__Cl {
width: 100%;
margin: 0 0 2.5rem;
}
@media (min-width: 1023px) {
.site-footer__Cl {
width: 20.5%;
margin: 1.7rem 0 0 0;
}
}
.site-footer__Cl ul {
padding: 0;
}
.site-footer__Cl ul li {
padding: 0 0 0.25rem;
list-style: none;
}
.site-footer__Cl ul li::before {
display: none;
}
.site-footer__Cl ul li a {
color: #444444;
font-size: 1.3rem;
}
.site-footer__Cl ul li a:hover {
color: #EE3937;
}
.site-footer__Cl .f_logo {
width: 12.5rem;
padding: 0 0 1.6rem;
}
@media (min-width: 1023px) {
.site-footer__Cl .f_logo {
width: 18.5rem;
}
}
.site-footer__Cl .f_logo img {
width: 100%;
}
.site-footer__Cl p {
font-size: 1.3rem;
line-height: 1.85em;
}
.site-footer__Cl h5 {
font-size: 1.3rem;
text-transform: uppercase;
margin: 0 0 0.62rem;
color: #0A3859;
}
@media (min-width: 1023px) {
.site-footer__Cl h5 {
margin: 0 0 3.5rem;
}
}
.site-footer__Cl .f_social ul {
display: flex;
flex-wrap: wrap;
}
.site-footer__Cl .f_social ul a:hover img {
opacity: 0.7;
}
.site-footer__Cl .f_social ul a img {
transition: all 0.3s;
width: 2.3rem;
}
.site-footer__Cl.f_Cl_1 {
width: 100%;
margin: 0;
}
@media (min-width: 1023px) {
.site-footer__Cl.f_Cl_1 {
width: 28%;
}
}
.site-footer__Cl.f_Cl_2 {
padding-left: 0;
}
@media (min-width: 1023px) {
.site-footer__Cl.f_Cl_2 {
padding-left: 2.18rem;
}
}
.site-footer__Cl.f_Cl_4 {
padding-left: 0;
}
@media (min-width: 1023px) {
.site-footer__Cl.f_Cl_4 {
padding-left: 1.37rem;
}
}
.site-footer__Cl.f_Cl_4 p {
font-family: Roboto, sans-serif;
font-weight: 500;
margin: 0 0 0.56rem;
}
.site-footer__Cl .f_form {
position: relative;
margin-bottom: 0.7rem;
}
.site-footer__Cl .f_form input[type=email] {
height: 2.25rem;
padding: 0 5.65rem 0 0.65rem;
font-size: 0.87rem;
border: 0;
border-radius: 1.25rem 0 1.25rem 0;
}
.site-footer__Cl .f_form .gform_footer {
position: absolute;
right: 0;
top: 0;
}
.site-footer__Cl .f_form .gform_footer input[type=submit] {
font-size: 0.87rem;
padding: 0 0.65rem;
height: 2.25rem;
border-radius: 0 0 1.25rem 0;
}
.site-footer__Cl .f_social ul li {
margin-right: 0.37rem;
padding: 0;
}
.site-footer__Cl .f_social ul li:last-child {
margin-right: 0;
}
.copyright {
padding-top: 1.1rem;
}
.copyright p {
margin: 0;
font-size: 1rem;
}
#BackToTop {
display: inline-block;
background: #EE3937 url(//www.gopalinfo.com/wp-content/themes/gopalinfo/images/gopal-info-top-arrow.svg) no-repeat center;
width: 2.93rem;
height: 2.93rem;
text-align: center;
border-radius: 100%;
position: fixed;
bottom: 5.87rem;
right: 1.75rem;
transition: all 0.5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.3);
}
#BackToTop:hover {
transform: translateY(-0.62rem);
}
#BackToTop.show {
opacity: 1;
visibility: visible;
}
.banner_area {
padding: 9rem 0 6rem 0;
position: relative;
}
@media (min-width: 1023px) {
.banner_area {
padding: 12.1rem 0 14rem 0;
}
}
.banner_area::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ECEAEA;
border-radius: 0 0 15rem 0;
width: 97%;
z-index: -1;
}
@media (min-width: 1023px) {
.banner_area::before {
border-radius: 0 0 30rem 0;
}
}
@media (min-width: 1760px) {
.banner_area::before {
width: 94%;
border-radius: 0 0 30rem 0;
}
}
.hm_hero__left {
width: 100%;
padding-bottom: 2rem;
}
@media (min-width: 1023px) {
.hm_hero__left {
width: 45%;
padding-bottom: 0;
}
}
.hm_hero__left h1 {
font-size: 2.4rem;
line-height: 1.15em;
}
@media (min-width: 639px) {
.hm_hero__left h1 {
font-size: 2.87rem;
}
}
@media (min-width: 1023px) {
.hm_hero__left h1 {
font-size: 3.87rem;
}
}
.hm_hero__left p {
max-width: 100%;
}
@media (min-width: 1023px) {
.hm_hero__left p {
max-width: 77%;
}
}
.hm_hero__left .btn {
border: 0.06rem solid #000000;
box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
}
.hm_hero__right {
width: 100%;
}
@media (min-width: 1023px) {
.hm_hero__right {
width: 55%;
}
}
.hm_hero__right img {
max-width: 80%;
right: 0;
top: 0;
position: relative;
}
@media (min-width: 1023px) {
.hm_hero__right img {
max-width: 38.43rem;
}
}
@media (min-width: 1279px) {
.hm_hero__right img {
max-width: 40rem;
}
}
@media (min-width: 1760px) {
.hm_hero__right img {
max-width: 49.43rem;
position: relative;
right: 6.85rem;
top: 6.6rem;
}
}
.service_section {
padding: 5rem 0;
}
@media (min-width: 1023px) {
.service_section {
padding: 6.5rem 0;
}
}
.service_section .service_block {
margin: 0 -1rem;
}
.service_section .service_block__Cl {
width: 100%;
padding: 0 1rem;
margin-bottom: 2rem;
}
@media (min-width: 767px) {
.service_section .service_block__Cl {
width: 50%;
}
}
@media (min-width: 1023px) {
.service_section .service_block__Cl {
width: 33.33%;
}
}
.service_section .service_block__Cl:nth-child(3n+2) {
position: relative;
top: 0;
}
@media (min-width: 1023px) {
.service_section .service_block__Cl:nth-child(3n+2) {
top: 3.12rem;
}
}
.service_section .service_block__inner {
background: #ECEAEA;
padding: 1.7rem 1.8rem 3.2rem 1.8rem;
border-radius: 2.5rem 0 2.5rem 0;
transition: all 0.3s;
box-shadow: 0 0.25rem 0.25rem #EE3937;
position: relative;
}
.service_section .service_block__inner:hover {
background: #EE3937;
color: #ffffff;
}
.service_section .service_block__inner:hover .normal_icon {
opacity: 0;
visibility: hidden;
}
.service_section .service_block__inner:hover .hover_icon {
opacity: 1;
visibility: visible;
}
.service_section .service_block__icon {
margin-bottom: 1.3rem;
position: relative;
}
.service_section .service_block__icon img {
width: 3.5rem;
transition: all 0.3s;
}
@media (min-width: 1023px) {
.service_section .service_block__icon img {
width: 4.5rem;
}
}
.service_section .service_block__icon img.hover_icon {
position: absolute;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
}
.service_section .service_block h3 {
font-size: 1.5rem;
}
@media (min-width: 1023px) {
.service_section .service_block h3 {
font-size: 1.81rem;
}
}
.technologies_section {
background: #EE3937;
color: #ffffff;
border-radius: 10rem 0 10rem 0;
padding: 3.6rem 0;
text-align: center;
}
@media (min-width: 1023px) {
.technologies_section {
border-radius: 20rem 0 20rem 0;
}
}
@media (min-width: 1279px) {
.technologies_section {
border-radius: 28.75rem 0 28.75rem 0;
text-align: left;
}
}
.technologies_section__left {
width: 100%;
}
@media (min-width: 1023px) {
.technologies_section__left {
width: 35%;
padding: 4rem 0 0 0;
}
}
.technologies_section__left h2 {
text-transform: uppercase;
font-size: 2rem;
margin: 0 0 0.55rem;
}
@media (min-width: 1023px) {
.technologies_section__left h2 {
font-size: 3.26rem;
}
}
.technologies_section__left .big_text {
padding: 0 1rem 0 0;
}
.technologies_section__left .big_text p {
font-size: 1.37rem;
}
.technologies_section__left p {
line-height: normal;
}
.technologies_section__right {
width: 100%;
padding: 3rem 0 0 0;
}
@media (min-width: 1023px) {
.technologies_section__right {
width: 55%;
padding: 0 0 0 1.5rem;
}
}
.technologies_section__right img {
width: 17rem;
}
@media (min-width: 639px) {
.technologies_section__right img {
width: 25rem;
}
}
@media (min-width: 1023px) {
.technologies_section__right img {
width: 100%;
}
}
.work_section {
padding: 3.25rem 0 2rem 0;
}
@media (min-width: 1023px) {
.work_section {
padding: 6rem 0 4.4rem 0;
}
}
.work_section .section_title {
padding-bottom: 0.7rem;
}
.work_section .work_text {
padding: 0.85rem 0 0 0;
max-width: 100%;
width: 100%;
margin: 0 auto;
}
@media (min-width: 1023px) {
.work_section .work_text {
width: 35rem;
}
}
.testimonials_section {
padding: 6rem 0 6rem;
}
.testimonials_section__inner {
margin: 0 -1rem;
}
.testimonials_section__Cl {
padding: 0 1rem;
width: 100%;
margin-bottom: 9rem;
padding-top: 6rem;
padding-bottom: 5rem;
}
@media (min-width: 1023px) {
.testimonials_section__Cl {
width: 100%;
margin-bottom: 0;
padding-top: 6rem;
padding-bottom: 6rem;
}
}
.testimonials_section__Cl:last-child {
margin-bottom: 0;
}
.testimonials_section__Cl__inner {
border-radius: 5.75rem 0 5.75rem 0;
background: #EE3937;
color: #ffffff;
padding: 2.5rem 2.9rem;
text-align: center;
}
.testimonials_section__Cl__inner p {
font-size: 1rem;
}
.testimonials_section__Cl__inner .aouther_thumb {
width: 9.93rem;
height: 9.93rem;
border-radius: 100%;
overflow: hidden;
margin: -8.5rem auto 1.5rem auto;
}
.testimonials_section__Cl__inner .aouther_thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.testimonials_section__Cl__inner .aouther_name {
padding-bottom: 1.2rem;
}
.testimonials_section__Cl__inner .aouther_name h3 {
font-size: 1.5rem;
margin: 0 0 0.1rem;
}
.testimonials_section__Cl__inner .aouther_name p {
margin: 0;
}
.testimonials_section__Cl__inner .aouther_name p a {
color: #ffffff;
}
.testimonials_section__Cl__inner .aouther_name p a:hover {
text-decoration: underline;
}
.testimonials_section__Cl__inner .aouther_text p {
line-height: 1.73em;
margin: 0 0 1.2rem;
}
.testimonials_slider .swiper-pagination-bullet {
width: 15px;
height: 15px;
background: transparent;
border: 2px solid #EE3937;
opacity: 1;
}
.testimonials_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #EE3937;
}
.our_client_section {
border-radius: 0 10rem 0 10rem;
}
@media (min-width: 1023px) {
.our_client_section {
border-radius: 0 20rem 0 20rem;
}
}
@media (min-width: 1279px) {
.our_client_section {
border-radius: 0 28.75rem 0 28.75rem;
}
}
.orbit {
min-height: 18.188rem;
transform: scale(0.5);
}
@media (min-width: 1023px) {
.orbit {
transform: scale(1);
min-height: 37.188rem;
}
}
.orbit-wrap > li {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
list-style: none;
}
ul[class^=ring] {
border: dashed 1.5px #fff;
position: relative;
padding: 0;
border-radius: 50%;
list-style: none;
box-sizing: content-box;
transition: all 300ms ease-in-out;
}
ul[class^=ring] li {
display: block;
position: absolute;
top: 50%;
left: 50%;
}
.ring-0 {
width: 35.938rem;
height: 35.938rem;
animation: clockwiseRotate 35s linear infinite;
}
.ring-1 {
width: 18.375rem;
height: 18.375rem;
animation: clockwiseRotate 30s linear infinite;
}
.ring-0 img, .ring-1 img {
width: auto;
}
.ring-0 img {
animation: counterClockwiseRotate 35s linear infinite;
}
.ring-1 img {
animation: counterClockwiseRotate 30s linear infinite;
}
.ring-0 > *:nth-of-type(1) {
transform: rotate(47.5deg) translateX(12em) translateY(0em) rotate(-47.5deg);
}
.ring-0 > *:nth-of-type(2) {
transform: rotate(95deg) translateX(13em) translateY(8em) rotate(-95deg);
}
.ring-0 > *:nth-of-type(3) {
transform: rotate(142.5deg) translateX(12em) translateY(14em) rotate(-142.5deg);
}
.ring-0 > *:nth-of-type(4) {
transform: rotate(190deg) translateX(13em) translateY(14em) rotate(-190deg);
}
.ring-0 > *:nth-of-type(5) {
transform: rotate(237.5deg) translateX(12em) translateY(13em) rotate(-237.5deg);
}
.ring-0 > *:nth-of-type(6) {
transform: rotate(285deg) translateX(8em) translateY(12em) rotate(-285deg);
}
.ring-1 > *:nth-of-type(1) {
transform: rotate(95deg) translateX(5em) translateY(7em) rotate(-95deg);
}
.ring-1 > *:nth-of-type(2) {
transform: rotate(190deg) translateX(8em) translateY(7em) rotate(-190deg);
}
.ring-1 > *:nth-of-type(3) {
transform: rotate(285deg) translateX(8em) translateY(2em) rotate(-285deg);
}
.ring-1 > *:nth-of-type(4) {
transform: rotate(380deg) translateX(4em) translateY(3em) rotate(-380deg);
}
@keyframes clockwiseRotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes counterClockwiseRotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-360deg);
}
}
.clients {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.clients-border li {
position: relative;
}
.clients li {
height: 125px;
margin: 0px 5px 15px 5px;
width: 125px;
display: inline-block;
cursor: pointer;
background-color: #fff;
}
.clients li img {
max-width: 90%;
transition: all 0.35s ease-in-out;
transition-filter: none;
filter: none;
position: relative;
z-index: 9;
margin: 0 auto;
top: 50%;
transform: translateY(-50%);
}
.innerBanner {
padding: 8rem 0 8rem 0;
text-align: center;
}
@media (min-width: 1023px) {
.innerBanner {
padding: 15.9rem 0 12rem 0;
}
}
.innerBanner h1 {
text-transform: uppercase;
color: #0A3859;
}
.about_intro {
padding: 4rem 0 4rem 0;
}
@media (min-width: 1023px) {
.about_intro {
padding: 6.2rem 0 6.1rem 0;
}
}
.about_intro__left {
width: 100%;
}
@media (min-width: 1023px) {
.about_intro__left {
width: 20%;
}
}
.about_intro__left img {
width: 100%;
border-radius: 10px;
}
.about_intro__right {
width: 100%;
padding: 2rem 0 0 0;
}
@media (min-width: 1023px) {
.about_intro__right {
width: 80%;
padding: 0 8rem 0 9.8rem;
}
}
.about_intro__right h2 {
margin: 0 0 0 0;
font-size: 2rem;
line-height: 1.4em;
color: #0A3859;
}
.designation{
margin: 0 0 20px 0;
}
@media (min-width: 1023px) {
.about_intro__right h2 {
font-size: 2.5rem;
}
}
.about_intro__right p {
line-height: 1.3em;
}
.designation{
color: #444444;
}
.thought{
color: #444444;
font-family: cursive;
}
.highlight_label {
background: linear-gradient(to right, rgb(10, 56, 89) 75%, rgba(0, 2, 4, 0) 99%, rgba(0, 0, 0, 0) 100%);
font-size: 1.6 rem;
max-width: 21.19rem;
color: #ffffff;
font-family: Montserrat, sans-serif;
font-weight: 700;
border-left: 0.313rem solid #EE3937;
padding: 0.8rem 0 0.8rem 1.8rem;
line-height: 1.2em;
margin-top: 2.6rem;
}
@media (min-width: 1023px) {
.highlight_label {
font-size: 1.87rem;
}
}
.iconBox {
padding: 0 0 4rem;
}
@media (min-width: 1023px) {
.iconBox {
padding: 0 0 6.2rem;
}
}
.iconBox__inner {
margin: 0 -1.31rem;
}
.iconBox__Cl {
padding: 0 1.31rem;
width: 100%;
margin-bottom: 2rem;
}
@media (min-width: 1023px) {
.iconBox__Cl {
width: 33.33%;
margin-bottom: 0;
}
}
.iconBox__Cl:last-child {
margin: 0;
}
.iconBox__Cl__inner {
background: #EE3937;
color: #ffffff;
padding: 2.5rem 1.5rem 3.5rem;
border-radius: 2.5rem 0 2.5rem 0;
text-align: center;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
height: 100%;
}
@media (min-width: 1023px) {
.iconBox__Cl__inner {
padding: 5rem 1.5rem 5.1rem;
}
}
.iconBox__Cl__icon img {
width: 4rem;
}
@media (min-width: 1023px) {
.iconBox__Cl__icon img {
width: 5.25rem;
}
}
.iconBox__Cl__title {
padding: 1.1rem 0 0 0;
font-size: 2rem;
font-family: Montserrat, sans-serif;
font-weight: 700;
line-height: normal;
}
.iconBox__Cl__title a {
color: #ffffff;
}
@media (min-width: 1023px) {
.iconBox__Cl__title {
font-size: 3rem;
}
}
.counter_section {
background: #EE3937;
padding: 4.43rem 0 4.8rem 0;
color: #ffffff;
border-radius: 15rem 0 15rem 0;
}
@media (min-width: 1760px) {
.counter_section {
border-radius: 27rem 0 27rem 0;
}
}
.counter_section__inner {
margin: 0 -1rem;
}
.counter_section__Cl {
text-align: center;
padding: 0 1rem;
width: 100%;
margin: 0 0 3rem;
}
@media (min-width: 639px) {
.counter_section__Cl {
width: 50%;
}
}
@media (min-width: 1023px) {
.counter_section__Cl {
width: auto;
margin: 0;
}
}
.counter_section__Cl:last-child {
margin: 0;
}
.counter_section__Cl .cs_icon {
width: 7rem;
height: 7rem;
margin: 0 auto 1rem auto;
background: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 1023px) {
.counter_section__Cl .cs_icon {
width: 10.06rem;
height: 10.06rem;
margin: 0 auto 1.4rem auto;
}
}
.counter_section__Cl .cs_icon img {
width: 4rem;
}
@media (min-width: 1023px) {
.counter_section__Cl .cs_icon img {
width: 6.25rem;
}
}
.counter_section__Cl .cs_label {
font-size: 1.5rem;
line-height: normal;
padding-bottom: 1rem;
}
@media (min-width: 1023px) {
.counter_section__Cl .cs_label {
font-size: 2rem;
padding-bottom: 1.5rem;
}
}
.counter_section__Cl .cs_count {
font-size: 2.5rem;
line-height: normal;
font-family: Roboto, sans-serif;
font-weight: 600;
}
@media (min-width: 1023px) {
.counter_section__Cl .cs_count {
font-size: 3rem;
}
}
.strategy_section {
padding: 3rem 0;
}
@media (min-width: 1023px) {
.strategy_section {
padding: 6.2rem 0;
}
}
.strategy_section__left {
width: 100%;
}
@media (min-width: 1023px) {
.strategy_section__left {
width: 41%;
padding-bottom: 1.2rem;
}
}
.strategy_section__left h2 {
font-size: 2rem;
line-height: 1.15em;
margin: 0 0 2.31rem;
}
@media (min-width: 1023px) {
.strategy_section__left h2 {
font-size: 3rem;
}
}
.strategy_section__left p {
max-width: 100%;
line-height: 1.2em;
}
@media (min-width: 1023px) {
.strategy_section__left p {
max-width: 85%;
}
}
.strategy_section__left .progressbar {
padding: 0;
}
@media (min-width: 1023px) {
.strategy_section__left .progressbar {
padding: 0.16rem 1.5rem 0 0;
}
}
.strategy_section__left .progressbar__inner {
padding-bottom: 0.65rem;
font-family: Roboto, sans-serif;
font-weight: 500;
}
.strategy_section__left .progressbar__row {
border-bottom: 0.06rem solid #000000;
padding-bottom: 0.75rem;
margin-bottom: 1.15rem;
}
.strategy_section__left .progressbar__row .progress_line {
background: #EE3937;
height: 0.18rem;
border-radius: 0.18rem;
width: 0;
transition: all 1s;
}
.strategy_section__left .progressbar__row .pb_value {
opacity: 0;
visibility: hidden;
transition-delay: 0.5s;
transition-duration: 0.3s;
}
.strategy_section__left.aos-animate .pb_value {
opacity: 1;
visibility: visible;
}
.strategy_section__right {
width: 100%;
padding: 3.25rem 0 0 0;
}
@media (min-width: 1023px) {
.strategy_section__right {
width: 55%;
padding: 0 0 0 3.25rem;
}
}
.strategy_section__right img {
width: 100%;
}
.flipbox-row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.flipbox {
position: relative;
width: 100%;
height: 311px;
margin: 0px 0 40px 0;
perspective: 1000px;
}
@media (min-width: 767px) {
.flipbox {
width: 31%;
margin: 0px 0 80px 0;
}
}
.card {
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
border-radius: 3px;
box-shadow: 1px 5px 13px 2px rgba(0, 0, 0, 0.3);
color: #ffffff;
text-align: center;
backface-visibility: hidden;
transition: transform 0.5s ease-in-out;
transform-style: preserve-3d;
}
.flipbox-front {
transform: rotateY(0deg);
background: #EE3937;
color: #ffffff;
padding: 2.5rem 1.5rem 3.5rem;
border-radius: 2.5rem 0 2.5rem 0;
text-align: center;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.flipbox-front h2 {
font-size: 2.2rem;
padding: 1.1rem 0 0 0;
font-size: 3rem;
}
.flipbox-back {
transform: rotateY(180deg);
background: #EE3937;
color: #ffffff;
padding: 2.5rem 1.5rem 3.5rem;
border-radius: 2.5rem 0 2.5rem 0;
text-align: center;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.flipbox:hover .flipbox-front {
transform: rotateY(-180deg);
}
.flipbox:hover .flipbox-back {
transform: rotateY(0deg);
}
.portfolio_section {
padding: 3rem 0 2rem;
}
@media (min-width: 1023px) {
.portfolio_section {
padding: 6.3rem 0 4.2rem;
}
}
.portfolio_section .section_title {
padding-bottom: 2rem;
}
@media (min-width: 1023px) {
.portfolio_section .section_title {
padding-bottom: 3rem;
}
}
.portfolio_section .section_title h2 {
font-size: 2rem;
}
@media (min-width: 1023px) {
.portfolio_section .section_title h2 {
font-size: 2.75rem;
}
}
.portfolio_section .portfolio_nav {
padding: 0 0 2rem;
}
@media (min-width: 1023px) {
.portfolio_section .portfolio_nav {
padding: 0 0 4rem;
}
}
.portfolio_section .portfolio_nav ul {
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.portfolio_section .portfolio_nav ul li {
padding: 0 0.95rem;
list-style: none;
line-height: normal;
margin-bottom: 1.18rem;
}
.portfolio_section .portfolio_nav ul li::before {
display: none;
}
.portfolio_section .portfolio_nav ul li a {
color: #000000;
position: relative;
}
.portfolio_section .portfolio_nav ul li a::after {
content: "";
display: block;
width: 0;
height: 0.06rem;
background: #EE3937;
margin-top: 0.25rem;
border-radius: 2rem;
transition: all 0.3s;
}
.portfolio_section .portfolio_nav ul li a.active, .portfolio_section .portfolio_nav ul li a:hover {
color: #EE3937;
}
.portfolio_section .portfolio_nav ul li a.active::after, .portfolio_section .portfolio_nav ul li a:hover::after {
width: 100%;
}
.portfolio_section .grid {
margin: 0 -0.68rem;
}
.portfolio_section .grid .grid-item {
width: 100%;
padding: 0 0.68rem;
margin-bottom: 1.18rem;
}
@media (min-width: 767px) {
.portfolio_section .grid .grid-item {
width: 50%;
}
}
@media (min-width: 1279px) {
.portfolio_section .grid .grid-item {
width: 33.33%;
}
}
.portfolio_section .grid .grid-item .portfolio_box {
border-radius: 0.62rem;
background: #ffffff;
}
.portfolio_section .grid .grid-item .portfolio_box .portfolio_thumb {
border-radius: 0.62rem;
overflow: hidden;
}
.portfolio_section .grid .grid-item .portfolio_box .portfolio_thumb img {
width: 100%;
}
.portfolio_section .grid .grid-item .portfolio_box .portfolio_dis {
box-shadow: 0.75rem 0.62rem 0.62rem rgba(0, 0, 0, 0.25);
border-radius: 0.62rem;
padding: 1.56rem 0.81rem;
}
.portfolio_section .grid .grid-item .portfolio_box .portfolio_dis h4 {
font-size: 1.34rem;
margin: 0 0 1.3rem;
color: #0A3859;
}
.portfolio_section .grid .grid-item .portfolio_box .portfolio_dis p {
margin: 0;
line-height: normal;
}
.service_banner {
padding: 9rem 0 6rem 0;
}
@media (min-width: 1023px) {
.service_banner {
padding: 12.8rem 0 9rem 0;
}
}
.service_banner__left {
width: 100%;
padding: 0 0 3rem;
}
@media (min-width: 1023px) {
.service_banner__left {
width: 65.4%;
padding: 2.5rem 8.6rem 0 0;
}
}
.service_banner__left h1 {
color: #0A3859;
font-size: 2.5rem;
text-transform: uppercase;
margin: 0 0 1.68rem;
}
@media (min-width: 1023px) {
.service_banner__left h1 {
font-size: 3.87rem;
}
}
.service_banner__left p {
line-height: 1.8em;
}
.service_banner__right {
width: 100%;
}
@media (min-width: 1023px) {
.service_banner__right {
width: 34.6%;
padding-right: 0.894rem;
}
}
.service_banner__right img {
width: 85%;
}
@media (min-width: 1023px) {
.service_banner__right img {
width: 100%;
}
}
.service_intro {
padding: 4rem 0;
}
@media (min-width: 1023px) {
.service_intro {
padding: 6.68rem 0;
}
}
.service_intro__left {
width: 100%;
padding: 0;
}
@media (min-width: 1023px) {
.service_intro__left {
width: 50%;
padding: 2.8rem 5.3rem 0 0;
}
}
.service_intro__left h2 {
font-size: 1.8rem;
margin: 0 0 1.62rem;
}
@media (min-width: 1023px) {
.service_intro__left h2 {
font-size: 2.55rem;
}
}
.service_intro__left .acc {
padding: 0.5rem 0 0 0;
}
.service_intro__left .acc .acc__card {
border-bottom: 0.06rem solid rgba(0, 0, 0, 0.5);
margin-bottom: 1.5rem;
}
.service_intro__left .acc .acc__card .acc__title {
padding: 0 0 1.9rem;
font-size: 1.5rem;
color: #0A3859;
cursor: pointer;
}
@media (min-width: 1023px) {
.service_intro__left .acc .acc__card .acc__title {
font-size: 1.75rem;
}
}
.service_intro__left .acc .acc__card .acc__title img {
margin: 0 1.2rem 0 0;
vertical-align: middle;
}
.service_intro__left .acc .acc__card .acc__panel {
display: none;
}
.service_intro__left .acc .acc__card .acc__panel p {
margin: 0 0 1.12rem;
}
.service_intro__right {
width: 100%;
}
@media (min-width: 1023px) {
.service_intro__right {
width: 50%;
}
}
.service_intro__right .quote_form {
background: #ffffff;
padding: 2rem;
border-radius: 0 6rem;
}
@media (min-width: 1023px) {
.service_intro__right .quote_form {
padding: 2.2rem 3rem 2.1rem 3rem;
border-radius: 0 8rem;
}
}
.service_intro__right .quote_form h2 {
color: #0A3859;
font-size: 1.8rem;
line-height: 1.3em;
margin: 0 0 1rem;
}
@media (min-width: 1023px) {
.service_intro__right .quote_form h2 {
font-size: 2.55rem;
}
}
.process_section {
padding: 0 0 6.06rem 0;
}
.process_section .process_intro {
max-width: 100%;
width: 45rem;
margin: 0 auto;
}
.process_section .process_intro h2 {
font-size: 2rem;
}
@media (min-width: 1023px) {
.process_section .process_intro h2 {
font-size: 2.75rem;
}
}
.process_section .process_block {
padding: 2.2rem 0 0 0;
}
.process_section .process_block__row {
margin-bottom: 3rem;
counter-increment: custom-counter;
}
@media (min-width: 1023px) {
.process_section .process_block__row {
margin-bottom: 0;
}
}
.process_section .process_block__row:last-child {
margin: 0;
}
.process_section .process_block__row:nth-child(odd) .process_block__dis:after {
-webkit-text-stroke-width: 0.06rem;
-webkit-text-stroke-color: #0A3859;
color: transparent;
}
.process_section .process_block__row:nth-child(even) .process_block__thumb {
order: inherit;
}
@media (min-width: 1023px) {
.process_section .process_block__row:nth-child(even) .process_block__thumb {
order: 2;
}
}
.process_section .process_block__row:nth-child(even) .pb_text {
order: 2;
}
@media (min-width: 1023px) {
.process_section .process_block__row:nth-child(even) .pb_text {
order: 1;
}
}
.process_section .process_block__thumb {
width: 28.37rem;
height: 18rem;
background: #ffffff;
border-radius: 1.81rem;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
@media (min-width: 639px) {
.process_section .process_block__thumb {
height: 25rem;
}
}
@media (min-width: 1023px) {
.process_section .process_block__thumb {
margin: 0;
}
}
.process_section .process_block__thumb img {
width: 100%;
max-height: 12rem;
}
@media (min-width: 639px) {
.process_section .process_block__thumb img {
max-height: 20.62rem;
}
}
.process_section .process_block__dis {
width: 100%;
padding: 2rem 0 0 0;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
text-align: center;
}
@media (min-width: 1023px) {
.process_section .process_block__dis {
padding: 0 6rem 0 3.2rem;
width: 63.4%;
text-align: left;
}
}
.process_section .process_block__dis:after {
content: "0" counter(custom-counter);
font-family: Montserrat, sans-serif;
font-weight: 600;
font-size: 6rem;
line-height: normal;
color: #0A3859;
width: 100%;
}
@media (min-width: 1023px) {
.process_section .process_block__dis:after {
width: auto;
font-size: 10.18rem;
}
}
.process_section .process_block__dis .pb_text {
width: 100%;
order: 1;
}
@media (min-width: 1023px) {
.process_section .process_block__dis .pb_text {
width: 60%;
order: inherit;
}
}
.process_section .process_block__dis .pb_text h3 {
font-size: 2rem;
margin: 0 0 0.66rem;
color: #0A3859;
}
@media (min-width: 1023px) {
.process_section .process_block__dis .pb_text h3 {
font-size: 2.65rem;
}
}
.related_services {
padding: 0 0 4rem;
}
@media (min-width: 1023px) {
.related_services {
padding: 0 0 6.06rem;
}
}
.related_services .section_title {
padding-bottom: 1.5rem;
}
@media (min-width: 1023px) {
.related_services .section_title {
padding-bottom: 2rem;
}
}
.related_services .section_title h2 {
font-size: 2rem;
}
@media (min-width: 1023px) {
.related_services .section_title h2 {
font-size: 2.75rem;
}
}
.related_services__inner {
margin: 0 -1.37rem;
}
.related_services__Cl {
width: 100%;
padding: 0 1.37rem;
margin-bottom: 2rem;
}
@media (min-width: 767px) {
.related_services__Cl {
width: 50%;
margin: 0;
}
}
.related_services__Cl:last-child {
margin: 0;
}
.related_services__Cl__inner {
background: #ffffff;
border-radius: 5.12rem 0.31rem 0.62rem 0.62rem;
}
.related_services__thumb {
padding: 0.87rem 0.87rem 0 0.87rem;
text-align: center;
}
.related_services__thumb img {
max-height: 13.12rem;
}
@media (min-width: 1023px) {
.related_services__thumb img {
max-height: 22.12rem;
}
}
.related_services__dis {
background: #EE3937;
color: #ffffff;
padding: 1rem;
border-radius: 0 0 0.62rem 0.62rem;
box-shadow: 0.75rem 0.62rem 0.62rem rgba(0, 0, 0, 0.25);
}
@media (min-width: 1023px) {
.related_services__dis {
padding: 1.87rem;
}
}
.related_services__dis h3 {
margin: 0;
font-size: 1.5rem;
font-family: Montserrat, sans-serif;
font-weight: 600;
}
@media (min-width: 1023px) {
.related_services__dis h3 {
font-size: 2rem;
}
}
.related_services__dis h3 a {
color: #ffffff;
}
.contact_main {
padding: 8rem 0 4rem;
}
@media (min-width: 1023px) {
.contact_main {
padding: 11.5rem 0 5.2rem;
}
}
.contact_main__inner {
position: relative;
}
.contact_main__inner::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
background: #EE3937;
z-index: -1;
border-radius: 10.06rem 0 10.06rem 0;
width: 63rem;
max-width: 100%;
display: none;
}
@media (min-width: 1023px) {
.contact_main__inner::before {
display: block;
}
}
.contact_main__left {
width: 100%;
background: #ffffff;
border-radius: 4rem 0 4rem 0;
min-height: unset;
position: relative;
display: flex;
justify-content: center;
align-items: flex-start;
padding: 1.7rem;
}
@media (min-width: 1023px) {
.contact_main__left {
width: 39%;
border-radius: 7.12rem 0 7.12rem 0;
align-items: center;
padding: 0 0 2rem 7.5rem;
min-height: 28.81rem;
}
}
.contact_main__left .contact_img {
position: relative;
left: 0;
bottom: 0;
}
@media (min-width: 1023px) {
.contact_main__left .contact_img {
position: absolute;
left: -5.37rem;
bottom: -2.81rem;
}
}
.contact_main__left .contact_img img {
width: 6.7rem;
}
@media (min-width: 767px) {
.contact_main__left .contact_img img {
width: 14.7rem;
}
}
@media (min-width: 1023px) {
.contact_main__left .contact_img img {
width: 19.7rem;
}
}
.contact_main__left .contact_title {
padding: 0;
}
@media (min-width: 767px) {
.contact_main__left .contact_title {
padding: 1rem 0 0 0;
}
}
@media (min-width: 1023px) {
.contact_main__left .contact_title {
padding: 0;
}
}
.contact_main__left .contact_title h1 {
font-size: 1.5rem;
color: #0A3859;
text-transform: uppercase;
margin: 0 0 0.4rem;
}
@media (min-width: 767px) {
.contact_main__left .contact_title h1 {
font-size: 2rem;
margin: 0 0 0.9rem;
}
}
@media (max-width: 480px) {
#BackToTop{
right: 1.2rem;
}
}
@media (min-width: 1023px) {
.contact_main__left .contact_title h1 {
font-size: 2.62rem;
margin: 0 0 0.9rem;
}
}
.contact_main__left .contact_title a {
color: #000000;
position: relative;
padding-left: 2.2rem;
}
.contact_main__left .contact_title a:hover {
color: #EE3937;
}
.contact_main__left .contact_title a::before {
content: "";
position: absolute;
left: 0.4rem;
top: 0;
width: 1.25rem;
height: 1rem;
background: url(//www.gopalinfo.com/wp-content/themes/gopalinfo/images/gopal-info-email-icon.svg) no-repeat center;
background-size: contain;
}
.contact_main__right {
width: 100%;
padding: 1.7rem;
background: #EE3937;
border-radius: 4rem 0 4rem 0;
}
@media (min-width: 1023px) {
.contact_main__right {
width: 61%;
background: transparent;
border-radius: 10.06rem 0 10.06rem 0;
padding: 2.18rem 4.68rem 2rem 4.87rem;
}
}
.contact_main__right h2 {
font-size: 1.8rem;
color: #ffffff;
font-family: Montserrat, sans-serif;
font-weight: 600;
margin: 0 0 1.18rem;
}
@media (min-width: 1023px) {
.contact_main__right h2 {
font-size: 2rem;
}
}
.contact_main__right .contact_form label {
color: #ffffff;
}
.contact_main__right .contact_form .wpcf7-form-control {
border-color: #ffffff;
background: transparent;
color: #ffffff;
}
.contact_main__right .contact_form input[type=submit] {
background: #0A3859;
border: 1px solid;
}
.contact_main__right .contact_form input[type=submit]:hover {
background: #ffffff;
color: #0A3859;
}
.contact_main__right .contact_form .wpcf7-not-valid-tip {
color: #ffffff;
margin: 0.31rem 0 0;
display: block;
}
.form_row .form_col {
width: 100%;
}
@media (min-width: 1023px) {
.form_row .form_col {
width: 49%;
}
}  .faq-section {
max-width: 800px;
margin: 50px auto;
padding: 20px;
font-family: "Segoe UI", sans-serif;
}
.faq-title {
text-align: center;
font-size: 2.5rem;
margin-bottom: 20px;
color: #0A3859;
}
.faq-item {
border-bottom: 1px solid #ddd;
padding: 10px 0;
}
.faq-question {
width: 100%;
background: none;
border: none;
border-bottom: 1px solid;
outline: none;
text-align: left;
font-size: 1.5rem;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
color: #444444;
}
.faq-question .icon {
transition: transform 0.3s ease;
font-weight: bold;
font-size: 1.2rem;
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease, padding 0.3s ease;
padding: 0 0;
}
.faq-answer p {
margin: 10px 0;
}
.faq-item.active .faq-answer {
max-height: 200px; padding: 10px 0;
}
.faq-item.active .faq-question .icon {
transform: rotate(180deg);
content: "–";
}
.blog-list {
padding: 160px 0 60px 0;
}
.blog-list h1 {
font-size: 42px;
margin-bottom: 50px;
color: #0b2b46;
}
.blog-grid {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 32px 1fr 32px 1fr;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
}
.blog-card {
background: #fff;
border-radius: 14px;
overflow: hidden;
-webkit-transition: -webkit-transform 0.35s ease, -webkit-box-shadow 0.35s ease;
transition: -webkit-transform 0.35s ease, -webkit-box-shadow 0.35s ease;
transition: transform 0.35s ease, box-shadow 0.35s ease;
transition: transform 0.35s ease, box-shadow 0.35s ease, -webkit-transform 0.35s ease, -webkit-box-shadow 0.35s ease;
}
.blog-card:hover {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-box-shadow: 0 22px 50px rgba(0, 0, 0, 0.12);
box-shadow: 0 22px 50px rgba(0, 0, 0, 0.12);
}
.blog-card:hover .blog-thumb img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.blog-card:hover h2 a {
color: #e63946;
}
.blog-thumb {
display: block;
overflow: hidden;
}
.blog-thumb img {
width: 100%;
height: 280px;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.blog-content {
padding: 20px;
}
.blog-content h2 {
font-size: 22px;
margin-bottom: 10px;
line-height: 1.3;
}
.blog-content h2 a {
color: #0b2b46;
text-decoration: none;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.blog-content p {
color: #666;
line-height: 1.6;
}